/* Theme Name: WANTATOP - Responsive web design
Author: Grupo5
Author URI:http://www.grupo5.com
Author e-mail: contacto@grupo5.com
Version: 1.2.1
Created:Agosto 2015
File Description: WANTATOP | Sistema de afiliados de contenido adulto */



/* TABLA DE CONTENIDOS

1) General y tipografía
2) Diseño
3) Secciones
4) Páginas ( blog, about etc )
5) Componentes de la plantilla
6) Navegación
7) Bloques/Widgets
8) Owl carousel
9) IE 8 Support
10) Popup
* */

/* 1 GENERAL Y TIPOGRAFÍAS
----------------------------------------------------------------------------- */
html {height: 100%;}

body {font-family: 'Open Sans', sans-serif;	font-size: 14px; line-height: 1.50;	color: #666666;	background-color: #ffffff;margin: 0; padding:0;}

body.full-height, body.full-height .page-wrapper {
	background-color: #ffffff;
	min-height: 100%;
}


h1,h2,h3,h4,h5,h6, .texto1, .texto2, .texto3, .texto4, .texto5, .texto6 {color: #3a3a3a;	line-height: 1.2;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .texto1 a, .texto2, .texto3, .texto4, .texto5, .texto6, .title {color: #3a3a3a;}
h1, .texto1 {font-size: 30px; font-weight: 400;/*700*/}
h2, .texto2, .title {font-size: 22px; font-weight: 400; margin-bottom: 15px;}
h3, .texto3 {font-size: 20px;font-weight: 400;}
h4, .texto4 {font-size: 18px; font-weight: 400;}
h5, .texto5 {font-size: 16px; text-transform: uppercase; font-weight: 400;}
h6, .texto6 {font-weight: 400;}



/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {.title {margin-top: 0;}}
.sidebar .title {margin-bottom: 15px; margin-top: 20px;	position: relative;}
.page-header {margin-top: 20px;	padding-top: 20px;}
p {margin-bottom: 20px;}
a {
	color: #c1107e;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;
}
a:hover {color: #8e0916;}
a:focus,
a:active {outline: none; color: #740c4c;}

/*sin transiciones*/
.no-trans * {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
		-ms-transition: none !important;
		 -o-transition: none !important;
			transition: none !important;
}

img {display: block; max-width: 100%; height: auto;	min-width:10px/*operahack*/;}

.full{width: 100%;}

mark, .mark {background-color: #c1107e;	color: #ffffff;	padding:5px;}

code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px;}

pre {padding: 20px; -webkit-border-radius: 0px;	-moz-border-radius: 0px; border-radius: 0px;}

.text-muted {color: #999999;}
.text-default {color: #c1107e;}
.icons-page i {color: #333;	font-size: 20px;}

.clearfix:before,
.clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}

.limpiar{clear:both; font-size:0; line-height:0; float:none;}
.izq{float:left}
.der{float:right}

.separa{width:100%;	height:10px; font-size:0; clear:both;}
.separa1{width:100%; height:25px; font-size:0; clear:both;}
.separa2{width:100%; height:40px; font-size:0; clear:both;}
.separa-min{width:100%;height:5px; font-size:0; clear:both;}

.destacado{color:#c1107e;}
.center{text-align:center}
.centrado{margin:0 auto; display:block; text-align:center}

.txt-subtitle{font-size:25px; line-height:30px; font-weight: 700; margin:0}
.txt-mini{font-size:13px; line-height:30px; font-weight: 400; margin:0}
.txt-peque{font-size:15px; line-height:30px; font-weight: 700; margin:0}
.txt-normal{font-size:30px; line-height:30px; font-weight: 700; margin:0}
.txt-mediano{font-size:40px; line-height:40px; font-weight: 700; margin:0}
.txt-grande{font-size:50px; line-height:50px; font-weight: 700; margin:0}

.post-image-izq {float:left; margin-bottom:10px;}
.post-texto-izq{ display:block; overflow: hidden; padding: 0px 0 0px 10px;}
.post-image-der {float:right; margin-bottom:10px;}
.post-texto-der{ display:block; overflow: hidden; padding: 0px 10px 0px 0px;}


.visible_en_movil{visibility:hidden; display:none}

@media (max-width: 991px) {
	.invisible{visibility:hidden; display:none}
}


@media (max-width:768px) {
	.txt-grande{font-size:30px; line-height:30px;}
	/*.txt-normal{font-size:20px; line-height:20px;}*/
	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}
}



/* Listas
---------------------------------- */
ul {list-style: square;}
.list-icons, .list {list-style: none; padding: 0;}
.list-icons li, .list li {padding: 5px 0;}
.list-icons li i {width: 25px; text-align: center;}
.list li .vertical-divider {padding-right: 15px; position: relative;}
.list li .vertical-divider:after {position: absolute; content: ""; height: 60%; width: 1px; background-color: #CECECE; right: 9px; 	top: 5px;}
.list-inline {margin-top: 9px; margin-bottom: 8px;}

/* Tablas
---------------------------------- */

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;}

.table {width: 100%; margin-bottom: 20px;}

.table th, .table td {padding: 8px 5px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px solid #ccc; min-width:20px;}

.table td.center, th.center{text-align:center}

.table .odd{background: #e8edff;}

.table th {font-weight: bold; background:#f0f0f0; color:#000; border-bottom:1px solid #cdcdcd}
.table tfoot {background:#f0f0f0; color:#000; border-top:1px solid #cdcdcd}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}

.table tbody + tbody {border-top: 0px solid #ddd;}

.table .table {background-color: #fff;}


.table:not(.table-bordered) {border-bottom: 2px solid #f3f3f3;}
.table > thead > tr > th {vertical-align: bottom; border-bottom: 1px solid #c1107e;	background-color: #c1107e;	color: #fff;}
.table-bordered {border-color: #c1107e;}
tbody {background-color: #ffffff;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px 15px; border-top: 1px solid #f3f3f3;}
.table-striped tbody {background-color: #fafafa;}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {background-color: #f1f1f1;}
.table-striped.table > tbody > tr > td {border-color: #e8e8e8;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border-color: #f3f3f3;}
.dl-horizontal dd {margin-bottom: 10px;}
.dark .table:not(.table-bordered) {border-bottom: 2px solid #515151;}
.dark .table > thead > tr > th {border-bottom: 1px solid #27272a; background-color: #27272a; color: #cdcdcd;}
.dark tbody {background-color: transparent;}
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td {border-top: 1px solid #515151;}
.dark .table-hover > tbody > tr:hover {background-color: #27272a;}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.dl-horizontal dd {margin-left: 150px;}
	.dl-horizontal dt {max-width: 120px;}
}

/* 2 DISEÑO
----------------------------------------------------------------------------- */
.page-wrapper {background-color: #fff;}

.header-top {background-color: #f5f5f5;	border-bottom: 1px solid #e1e1e1;}
.header {padding: 10px 0; border-bottom: 0px solid #eaeaea;	background-color: #fff;}
.header-top.dark {background-color: #27272A; border-bottom: 1px solid #000000; color: #cdcdcd;}
.header-top.banner {padding: 0; -webkit-box-shadow: none; box-shadow: none;	border-bottom: none;}
.header.dark {background-color: #36373C; border-top: 1px solid #515151;	border-bottom-color: transparent!important;}
.header.header-small {padding: 10px 0;}

.banner {background-color: #f1f1f1;	border-bottom: 1px solid #eaeaea;}

.main-container {padding: 40px 0;}
.full-height .main-container {padding-top: 80px;}
.section {padding: 25px 0;}

.footer-top.light-gray-bg {border-top: 1px solid #f1f1f1;}
.footer {padding: 30px 0; background-color: #1a1a1a; border-top: 1px solid #3a3a3a;	border-bottom: 1px solid #333333;}
.subfooter {padding: 25px 0; background-color: #1f1f1f;}
.block {padding-bottom: 40px;}
.sidebar .block:first-child {margin-top: 2px;}

@media (min-width: 768px) { 
	:not(.fixed-header-on) .header.transparent {
		position: absolute;
		width: 100%;
		z-index: 30;
		background-color: rgba(255,255,255,0.3);
		border-color: transparent;
	}
	:not(.fixed-header-on) .dark.header.transparent {
		background-color: rgba(0,0,0,0.3);
	}	
}

/* Diseño en caja - Boxed Layout
---------------------------------- */
.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px #cacaca;;
	box-shadow: 0px 0px 10px #cacaca;;
}
.pattern-1 {background-image: url("../images/pattern-1.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-4 .page-wrapper,
.pattern-5 .page-wrapper,
.pattern-6 .page-wrapper,
.pattern-7 .page-wrapper,
.pattern-8 .page-wrapper,
.pattern-9 .page-wrapper {-webkit-box-shadow: none;	box-shadow: none;}
.pattern-2 {background-image: url("../images/pattern-2.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-3 {background-image: url("../images/pattern-3.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-4 {background-image: url("../images/pattern-4.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-5 {background-image: url("../images/pattern-5.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-6 {background-image: url("../images/pattern-6.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-7 {background-image: url("../images/pattern-7.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-8 {background-image: url("../images/pattern-8.png"); background-repeat: repeat; background-position: 0 0;}
.pattern-9 {background-image: url("../images/pattern-9.png"); background-repeat: repeat; background-position: 0 0;}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.boxed .page-wrapper {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.boxed .page-wrapper {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.boxed .page-wrapper {
		width: 1170px;
	}
}

/* Backgrounds
---------------------------------- */
.light .footer {
	background-color: #f7f7f7;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.footer-top.light-gray-bg + .light .footer { 
	border-top: 1px solid #f1f1f1;
}
.light .subfooter {
	background-color: #e7e7e7;
}
.white-bg {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	border: none !important;
}
.light-gray-bg {
	background-color: #fafafa;
}
.header-top {
	font-size: inherit; color:#231f20;
}
.header-top.white-bg {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #dadada !important;
}

.fondogris{background-color: #f1f1f1; padding:40px 0;}
.fondocolor{background-color: #c1107e; padding:40px 0; color:#fff;}

.gray-bg {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	position: relative;
}
.gray-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 5px;
	content: "";
	width: 100%;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
}
.header.gray-bg {
	border-bottom: 1px solid #dadada;
}
.header.gray-bg,
.header.gray-bg:before {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dark-bg {
	background-color: #000000;
	color: #ffffff;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
	color: #ffffff;
}
.dark-bg a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.dark-bg a:not(.btn):hover {
	color: #fff;
	text-decoration: none;
}
.default-bg {
	background-color: #c1107e;
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
	color: #ffffff;
}
.default-bg a:not(.btn) {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:not(.btn):hover {
	color: #ffffff;
	text-decoration: none;
}
.default-bg.text-muted,
.default-bg.text-muted h1,
.default-bg.text-muted h2,
.default-bg.text-muted h3,
.default-bg.text-muted h4,
.default-bg.text-muted h5,
.default-bg.text-muted h6 {
	color: #f1f1f1;
}
.dark-bg.text-muted,
.dark-bg.text-muted h1,
.dark-bg.text-muted h2,
.dark-bg.text-muted h3,
.dark-bg.text-muted h4,
.dark-bg.text-muted h5,
.dark-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6 {
	color: #999999;
}

/* Parallax effect
---------------------------------- */
.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {background-attachment: fixed !important;}

.light-translucent-bg, .dark-translucent-bg,
.default-translucent-bg, .parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 50px 0;
}
.parallax-bg-1 {background: url("../images/parallax.jpg") 50% 0px no-repeat;}
.parallax-bg-2 {background: url("../images/parallax-2.jpg") 50% 0px no-repeat;}
.parallax-bg-3 {background: url("../images/slider-1-slide-3.jpg") 50% 0px no-repeat;}


/* Fijar navegación
---------------------------------- */
.fixed-header-on .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 0;
	filter: alpha(opacity=0);
	border-bottom: 1px solid #f1f1f1;
	padding: 7px 0;
	background-color: rgba(255, 255, 255, 0.95);
}
.fixed-header-on .dark.header.fixed {
	border-bottom: 1px solid #36373C;
	background-color: rgba(54, 55, 60, 0.95);
}
.fixed-header-on.boxed .header.fixed {
	left: auto;
}
/*.fixed-header-on .header .logo {
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	margin: 2px 0 -4px 0;
	display: none;
}*/
.fixed-header-on .header .site-slogan {
	display: none;
}
.fixed-header-on .header .navbar.navbar-default {
	margin: 0;
}
.fixed-header-on .header.fixed.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.fixed-header-on.boxed .header.fixed {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.fixed-header-on .header .logo {
		display: block;
	}
	.fixed-header-on.boxed .header.fixed {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.fixed-header-on.boxed .header.fixed {
		width: 1170px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Fixed header position */
	.header.fixed {
		position: relative !important;
		top: auto !important;
	}
}

/* Varios
---------------------------------- */
.space {padding-top: 20px; padding-bottom: 20px;}
.space-top {padding-top: 70px;}
.space-bottom {padding-bottom: 20px;}
.margin-clear {margin-top: 0 !important; margin-bottom: 0 !important;}
.padding-top-clear {padding-top: 0 !important;}
.padding-bottom-clear {padding-bottom: 0 !important;}
.border-clear {border: none !important;}

.color{color:#c1107e;}

.blanco{color:#ffffff;}
.naranja{color:#ffa349}
.gris{color:#acacac}

.circle {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}


.zona-marca-1{background:#c1107e; padding:20px; margin-bottom:20px; color:#fff; border-radius:15px}
.zona-marca-2{background:#333; padding:20px; margin-bottom:20px; color:#fff; border-radius:15px}

.zona-marca-1.corona{background:#c1107e url("../images/corona.png") no-repeat right center;}
.zona-marca-2.pe{background:#333 url("../images/pe.png") no-repeat right center;}
.zona-marca-1.webcam{background:#c1107e url("../images/webcam.png") no-repeat right center;}
.zona-marca-2.tele{background:#333 url("../images/tele.png") no-repeat right center;}

.lista {
	font-family: 'Open Sans', sans-serif; font-size: 16px;
	color:#fff;
	text-decoration: none;
	line-height: 18px;
	list-style-type:none; list-style: none;
}

.lista li{padding: 3px 0px 8px 22px;}
.lista li a{color:#fff;text-decoration: none;}
.lista li a:hover{color:#fff; text-decoration: none;}
.lista li.check1{background:url("../images/check1.png") 0px 6px no-repeat; color:#fce0ff;}
.lista li.check2{background:url("../images/check2.png") 0px 6px no-repeat; color:#ffeed8;}

.zona-top-login{background:#c1107e; padding:3px 0px; width:100%; color:#fff;}
.zona-top-login a, .zona-top-login a:hover{color:#fff;}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.margin-top-clear {
		margin-top: 0 !important;
	}
	.margin-bottom-clear {
		margin-bottom: 0 !important;
	}
	
	
}

@media (min-width: 320px) and (max-width: 980px) {
	.zona-centrada{text-align:center; width:auto; max-width:auto; margin:0 auto; display:block;}
}

@media (max-width: 768px) {
	.space-top {padding-top: 30px;}
}



.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}


/* 3 SECCIONES
----------------------------------------------------------------------------- */
/* Footer
---------------------------------- */
.footer {
	font-size: 14px;
	color: #999999;
	margin-top: 40px;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .title {
	color: #999999;
}


.footer a {
	color: #999999;
}

.footer a:hover {
	color: #cccccc;
}


.footer .title {
	font-size: 24px;
	margin-bottom: 20px;
}
.light .footer,
.light .footer h1,
.light .footer h2,
.light .footer h3,
.light .footer h4,
.light .footer h5,
.light .footer h6 {
	color: #666;
}

/* Subfooter
---------------------------------- */
.subfooter {
	font-size: 13px;
}
.subfooter p {
	margin: 0;
}

.subfooter a {
	color: #999999;
}


/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	/* subfooter */
	.subfooter {
		text-align: center;
	}
}

/* 4 PÁGINAS
----------------------------------------------------------------------------- */

/* Blog
---------------------------------- */
.blogpost {
	background-color: #fafafa; border: 1px solid #f3f3f3; margin: 0 0 70px; position: relative;
}
.blogpost .blogpost-body {padding: 20px 20px 0 20px; min-height: 140px;}
.blogpost .title {margin-bottom: 0; margin-top: 0;}
.blogpost .submitted {font-size: 12px; margin: 10px 0;}
.blogpost .side {float: left; width: 80px;}
.blogpost .post-info {
	float: left;
	top: 0;
	left: 25px;
	width: 80px;
	height: 90px;
	padding: 10px 15px;
	background-color: #c1107e;
	color: #fff;
	text-align: center;
	z-index: 3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blogpost .side .post-info {float: none;}
.blogpost .post-info .dia {font-size: 34px;	font-weight: 700; line-height: 1; display: block;}
.blogpost .post-info .mes {font-size: 16px; line-height: 1.2; display: inline-block;}

.blogpost .blogpost-content {padding: 0 0 10px;	margin-left: 100px;}
.blogpost footer {
	background-color: #f1f1f1;
	padding: 10px 20px;
	border-top: 1px solid #e8e8e8;
	font-size: 14px;
	line-height: 2;
	clear: both;
}

.blogpost.full {
	background-color: transparent;
	border: none;
}
.blogpost.full footer {
	border: 1px solid #e8e8e8;
}
.blogpost.full .blogpost-body {
	padding: 20px 0;
}
.blogpost.full .submitted {
	margin: 0 0 20px 0;
}
.blogpost.full .overlay-container {
	margin-bottom: 20px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.blogpost .blogpost-content {
		margin-left: 70px;
	}
	.blogpost .side {
		width: 50px;
	}
	.blogpost .post-info {
		width: 50px;
		height: 60px;
		padding: 8px 8px;
		margin: 0 20px 5px 0;
	}
	.blogpost .post-info .dia {
		font-size: 20px;
	}
	.blogpost .post-info .mes {
		font-size: 11px;
		line-height: 1.2;
	}
}

/*Barra lateral blog fija con affix y sin fija sin affix*/

/* Affix */
#affix.affix {position: static;}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	#affix.affix {position: fixed;	top: 65px;	width: 80px;}
	#affix.affix-bottom {position: absolute; width: 80px;}
}
/* Affix Menu - Sidebar */
.sidebar.affix {position: static;}

/* Show and affix the side nav when space allows it */
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col04 .sidebar.affix,
	.col04 .sidebar.affix-bottom {width: 293px;}
	.col03 .sidebar.affix,
	.col03 .sidebar.affix-bottom {width: 213px;}
	.sidebar.affix {position: fixed; top: 20px;}
	.fixed-header-on .sidebar.affix {top: 65px;}
	.sidebar.affix-bottom {position: absolute;}
	.sidebar.affix-bottom .affix-menu,
	.sidebar.affix .affix-menu {margin-top: 0; margin-bottom: 0;}
	.affix-menu {padding-top: 20px;}
	h3.title ~ .affix-menu {padding-top: 0px;}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.col0-4 .sidebar.affix,
	.col04 .sidebar.affix-bottom {width: 390px;}
	.col03 .sidebar.affix,
	.col03 .sidebar.affix-bottom {width: 263px;}
}

/* Blog Masonry estructura
---------------------------------- */
.masonry-grid .blogpost {margin-bottom: 30px;}
.masonry-grid .blogpost .blogpost-body {padding: 15px 15px 0 15px;}
.masonry-grid .blogpost h2.title {font-size: 24px;}
.masonry-grid .blogpost .submitted {margin: 15px 0 10px;}
.masonry-grid .blogpost .blogpost-content {margin-left: 0;}
.masonry-grid .blogpost .post-info {width: 50px; height: 60px; padding: 8px 8px; margin: 0 20px 5px 0; border-radius:10%;}

.masonry-grid .blogpost .post-info .dia {font-size: 20px;}
.masonry-grid .blogpost .post-info .mes {font-size: 11px;	line-height: 1.2;}

/* Medium desktop devices and tablets */
@media (min-width:992px) and (max-width:1199px) {
	.masonry-grid .blogpost footer {font-size: 12px;}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.masonry-grid-item {max-width: 100%;}
}


/* Comentarios
---------------------------------- */
.comments {margin-top: 60px;}
.comments h2.title {
	margin-bottom: 40px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}
.comment {font-size: 14px;}
.comment .comment {margin-left: 75px;}
.comment-avatar {margin-top: 5px; width: 55px; float: left;}
.comment-content {margin-left: 75px; border-bottom: 1px solid #d2d2d2; margin-bottom: 40px;}
.comment h3 {margin-top: 0; margin-bottom: 5px;}
.comment-meta {margin-bottom: 15px; color: #999999;	font-size: 12px;}
.comment-meta a {color: #666666;}
.comment-meta a:hover {text-decoration: underline;}
.comment .btn {font-size: 12px;	padding: 7px; min-width: 100px;	margin-top: 5px; margin-bottom: -1px; text-transform:none}
.comment .btn i {padding-right: 5px;}



/* 5 COMPONENTES DE LA PLANTILLA
----------------------------------------------------------------------------- */

/* Botones */

.btn {
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	margin: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn:active {outline: none;	box-shadow: none;}
.btn.btn-lg {padding: 17px 12px; font-size: 18px; min-width: 210px;}/*btn grande*/
.btn.btn-sm {padding: 8px; font-size: 12px;	min-width: 105px;}/*btn pequeño*/

/* Dark Buttons */
.btn-dark {color: #f1f1f1; background-color: #292627; border-color: #292627;}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {color: #ffffff; background-color: #666; border-color: #666;}

/* Gray Buttons */
.btn-gray {color: #fff;	background-color: #666666;	border-color: #666666;}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {color: #ffffff; background-color: #292627;	border-color: #292627;}

/* Light Gray Buttons */
.btn-light-gray {color: #333333; background-color: #fafafa;	border-color: #f3f3f3;}

.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {color: #ffffff; background-color: #666666; border-color: #666666;}
.default-bg .btn-light-gray {color: #ffffff;background-color: transparent;	border-color: #ffffff;}

.default-bg .btn-light-gray:hover,
.default-bg .btn-light-gray:focus,
.default-bg .btn-light-gray:active,
.default-bg .btn-light-gray.active,
.default-bg .open .dropdown-toggle.btn-light-gray {color: #333333;	background-color: #fafafa;	border-color: #fafafa;}

/* Default color theme */
.btn-default {background-color: #c1107e; color: #fff !important; border-color: #c1107e;}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {color: #fff !important;	background-color: #740c4c;	border-color: #740c4c;}
.default-bg .btn-default {background-color: rgba(0, 0, 0, 0.3);	border-color: transparent;}

.default-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-bg .btn-default:active,
.default-bg .btn-default.active,
.default-bg .open .dropdown-toggle.btn-default {color: #fff !important;	background-color: rgba(0, 0, 0, 0.5); border-color: transparent;}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {background-color: #cd3c2e; border-color: #cd3c2e; opacity: 0.7; filter: alpha(opacity=70);}

/* Button with transparent bg */
.btn-white {background-color: transparent; color: #cd3c2e; border: 1px solid #c1107e;}

.footer .btn-white,
.subfooter .btn-white {color: inherit;}

.footer .btn-white:hover,
.subfooter .btn-white:hover {color: #fff;}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {color: #fff; background-color: #740c4c; border-color: #740c4c;}

.default-bg .btn-white {color: #ffffff;	background-color: transparent;	border-color: #ffffff;}

.default-bg .btn-white:hover,
.default-bg .btn-white:focus,
.default-bg .btn-white:active,
.default-bg .btn-white.active,
.default-bg .open .dropdown-toggle.btn-white {color: #333333; background-color: #fafafa; border-color: #fafafa;}

.footer-content .btn-white {color: #999; background-color: transparent;	border-color: #555;}
.btn-default .badge {color: #666; background-color: #fff; border: none;}

.moving {
	-webkit-animation: moving 1.7s ease-out infinite;
	animation: moving 1.7s ease-out infinite;
	position: relative;
	bottom: -20px;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
@-webkit-keyframes moving {
	0% {
		bottom: -20px;
	}
	60% {
		bottom: 0px;
	}
}
@keyframes moving {
	0% {
		bottom: -20px;
	}
	60% {
		bottom: 0px;
	}
}


/* Link botón */
.link {padding-right: 13px; position: relative;	display: inline-block; text-align: right;}
.link:hover {text-decoration: none;}
.link:hover span {text-decoration: none;}
.link:after {content: "\f105"; font-family: "FontAwesome"; position: absolute; right: 0; top: 1px;}


/* Paginación */

ul.pagination,
ul.pager {margin: 20px 0 40px 0; text-align:center;}

ul.pagination li {
	padding: 0;
	margin: 0 5px 5px 0;
	border-bottom: none;
	font-size: 12px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a { padding: 10px 15px; border: 1px solid #f3f3f3; line-height: 1; background-color: #fafafa; display: inline-block; color:#666666;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

ul.pagination li > a:hover {background-color: transparent; color: #ffffff; background-color: #c1107e; border-color: #c1107e;}

ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {color: #ffffff; background-color: #c1107e; border-color: #c1107e; line-height: 1;}

ul.pagination li > a:focus {background: none;}


/* Breadcrumb (ubica) modificación sobre bootstrap */

.breadcrumb {background-color: transparent;	margin-bottom: 0; font-size: 13px; padding: 8px 0;}


/* Nav pills simple menús vertical y horizontal en web */

.nav-pills > li > a {
	border-radius: 0;
	padding: 10px 15px;
	border: 0px solid transparent;
	color: #666666;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	
}
.nav-pills.nav-stacked > li + li {margin-left: 0; border-bottom: 1px solid #f3f3f3;}

.nav-pills.nav-stacked > li + li:last-child {border-bottom: 0px solid #f3f3f3}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {border: 0px solid #f3f3f3; color: #c1107e; background-color: #fafafa;}

.nav-pills > li.active > a {color: #ffffff; background:#c1107e}

.nav-pills.nav-stacked > li > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 9px;
	color: #d1d1d1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a:after {color: #ffffff; background:#c1107e}

.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {color: #c1107e; right: 10px;}

.nav-pills > li.active > a:hover {color: #ffffff; background:#c1107e}


/* Nav pills simple menús vertical y horizontal en footer */

.footer-content .nav-pills > li > a {padding: 4px 0px; border-color: transparent; color: #999; font-weight: 400;}
.footer-content .nav-pills > li:last-child > a {border-bottom: none;}

.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:focus {color: #999; background-color: transparent; border-color: transparent;}

.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li > a:hover {color: #fff; background-color: transparent; border-color: transparent;}
.footer-content .nav-pills.nav-stacked > li > a:after {top: 3px;}
.footer-content .nav-pills.nav-stacked > li > a:after,
.footer-content .nav-pills > li.active > a:after,
.footer-content .nav-pills > li.active > a:hover:after,
.footer-content .nav-pills > li.active > a:focus:after,
.footer-content .nav-pills > li > a:hover:after,
.footer-content .nav-pills > li > a:focus:after {color: #999}

.light .footer-content .nav-pills > li > a,
.light .footer-content .nav-pills > li.active > a,
.light .footer-content .nav-pills > li.active > a:focus,
.light .footer-content .nav-pills > li > a:focus {color: #666;}

.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {color: #740c4c;}
.light .footer-content .nav-pills.nav-stacked > li > a:after,
.light .footer-content .nav-pills > li.active > a:after,
.light .footer-content .nav-pills > li.active > a:hover:after,
.light .footer-content .nav-pills > li.active > a:focus:after,
.light .footer-content .nav-pills > li > a:hover:after,
.light .footer-content .nav-pills > li > a:focus:after {color: #666}

.nav-pills > .active > a > .badge {color: #740c4c;	background-color: #fff;	border-color: #740c4c;}


/* Paneles collapsados */

.panel-group .panel {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none;}

.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
	margin:0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa;
	padding:10px;
}


.panel-heading a {
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #c1107e;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-dark .panel-heading a,
.panel-dark .panel-heading a:hover {background-color: #333333;}
.panel-transparent .panel-default > .panel-heading,
.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {background-color: transparent; color: inherit;}

.panel-transparent .panel-heading a {border: 1px solid #f1f1f1;}
.panel-transparent .panel-heading a.collapsed {color: inherit; background-color: transparent;}
.panel-heading a.collapsed {color: #ffffff; background-color: #999999;}

.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {content: "\f196";}

.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {text-decoration: none; background-color: #c1107e; color: #ffffff;}
.panel-title a i {padding-right: 10px; font-size: 20px;}



/* Imágenes y superposición de imágenes */

/* rotar dentro imagen*/

.rotatin_img {margin-bottom: 0px; overflow: hidden;}
.rotatin_img > img {
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}
@media (min-width: 768px) {
  .portfolio-rotatin:hover .rotatin_img > img {
    -webkit-transform: rotate(-14deg) scale(1.4, 1.4);
    -ms-transform: rotate(-14deg) scale(1.4, 1.4);
    transform: rotate(-14deg) scale(1.4, 1.4);
  }
}

/* zoom dentro imagen*/

.zoomin_img {margin-bottom: 0px; overflow: hidden;}
.zoomin_img > img {
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  -o-transition: -o-transform 0.7s;
  transition: transform 0.7s;
}
@media (min-width: 768px) {
  .portfolio-zoomin:hover .zoomin_img > img {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}


/* Forms
---------------------------------- */
form {margin: 20px 0;}
textarea {resize: vertical;}
.sidebar form {margin: 5px 0 20px 0;}
.form-control {
	border-radius: 0;
	background: #ffffff;
	height: 40px;
	padding-right: 30px;
	border-color: #acacac;
	color: #666666;
	position: relative;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}
.form-control:focus {
	border-color: #666666;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}
select.form-control {padding-right: 5px;}
.form-control::-moz-placeholder {color: inherit;}
.form-control:-ms-input-placeholder {color: inherit;}
.form-control::-webkit-input-placeholder {color: inherit;}

.input-group-addon {
	background-color: #cacaca;
	border-color: #acacac;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.form-list > div {padding: 7px 15px; border-bottom: 1px solid #dddddd; background-color: #f3f3f3; margin: 6px 0; display: block;}

fieldset {padding: 10px 25px; margin: 15px 0px;	border: 1px solid #dddddd;	background-color: #fafafa;}
fieldset legend {
	display: block;
	width: auto;
	padding: 3px 10px;
	margin-bottom: 0;
	font-size: 15px;
	line-height: inherit;
	color: #333;
	border: 1px solid #ddd;
	background-color: #ffffff;
}
fieldset .form-control,
fieldset .form-control:focus {
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}


/* Forms in all backgrounds */
.dark-bg .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #999999;
}
.dark-bg .input-group-addon {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
}
.dark-bg .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .form-control,
.header-top-dropdown .form-control,
#footer.light .form-control {
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f1f1f1;
	background-color: #ffffff;
}
.gray-bg .form-control:focus,
.header-top-dropdown .form-control:focus,
#footer.light .form-control:focus {
	border-color: #cacaca;
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
}
.dark .header-top-dropdown .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #333;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #cdcdcd;
}
.dark .header-top-dropdown form i {
	color: #cdcdcd;
}
.dark .header-top-dropdown .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .input-group-addon {
	background-color: #ececec;
	border: 1px solid #f1f1f1;
}
.default-bg .form-control {
	border-color: #c1107e;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	color: #ffffff;
}
.default-bg .form-control:focus {
	border-color: #c1107e;
	background-color: rgba(0, 0, 0, 0.25);
}
.default-bg .input-group-addon {
	background-color: #cd3c2e;
	border-color: #c1107e;
	color: #fff;
}
.default-bg select.form-control,
.dark-bg select.form-control {
	color: #666666;
}
footer:not(.light) .footer-content .form-control {
	border-color: #292929;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .form-control:focus {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .input-group-addon {
	background-color: rgba(0, 0, 0, 0.5);
	border: transparent;
}
select.form-control {
	-webkit-appearance: menulist;
}
select[multiple].form-control {
	-webkit-appearance: listbox;
}

/* Validation states */
.has-success .form-control,
.has-success .form-control:focus {
	border-color: #3c763d;
}
.has-warning .form-control,
.has-warning .form-control:focus {
	border-color: #8a6d3b;
}
.has-error .form-control,
.has-error .form-control:focus {
	border-color: #a94442;
}
.default-bg .has-success .form-control,
.default-bg .has-warning .form-control,
.default-bg .has-error .form-control,
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
	border-color: #fff;
	color: #ffffff;
}
.default-bg .has-success .form-control-feedback,
.default-bg .has-warning .form-control-feedback,
.default-bg .has-error .form-control-feedback,
.default-bg .has-success .control-label,
.default-bg .has-warning .control-label,
.default-bg .has-error .control-label {
	color: #fff;
}
.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .error {
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}

/* forms with icons */
label ~ .form-control-feedback {
	top: 25px;
}
.form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	top: 0;
}

/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* 6) NAVEGACIÓN */

/* first level menu */
.navbar.navbar-default {border-radius: 0; margin: 12px 0 5px; background-color: #fafafa; border-color: #f1f1f1;}
.header-small .navbar.navbar-default {margin: 6px 0 5px; position:relative;}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
	color: #231f20;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	padding: 22px 20px 22px 19px; /*mio 12px 20px 12px 19px*/
	z-index: 102;
	bottom: 4px;/*mio -1px*/
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	margin-top:20px;
	/*color: #666666;	background:none; border-top:3px solid transparent; transition: 0.5s ease;*/
	
}
.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	/*color: #666666;	background:none;border-top:3px solid #c1107e;*/
}

.navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background-color: #c1107e;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {color: #c1107e; background-color: transparent; border-top:0px solid #c1107e; /*modificado*/ }
.navbar-default .navbar-nav > .active > a:hover {background-color: transparent;}



/* first level active menu items when opened submenú */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:focus {color: #666666;	background:none; border-top:3px solid transparent; /*modificado*/ transition: 0.5s ease;}
.main-navigation .navbar-nav > .open > a:hover {color: #666666;	background:none;border-top:3px solid #c1107e;}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
	background-color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {display: none;}


.nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
}



/* second level menu */
.dropdown-menu {
	min-width: 200px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	border: 1px solid #f1f1f1;
	z-index: 101;
	border-top:3px solid #3a3a3a; /*modificado*/
}


/* second level menu items */
.dropdown-menu > li > a {
	padding: 12px 20px;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.main-navigation .dropdown-menu > li > a {position: relative;}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {background-color: #ffffff; color: #c1107e;border-color: #f1f1f1;}

/* third level menu */
.dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100% !important;
	padding-top: 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	border-top: 1px solid #f1f1f1;
}

.dropdown-menu .dropdown-menu.to-left {right: 100%!important; left: auto!important;}

/*transparent header*/
.header.transparent:not(.dark) .navbar-nav > .open > a,
.header.transparent:not(.dark) .navbar-nav > .open > a:hover,
.header.transparent:not(.dark) .navbar-nav > .open > a:focus,
.header.transparent:not(.dark) .dropdown-menu {-webkit-box-shadow: none!important; box-shadow: none!important; border-color: rgb(250, 250, 250)!important;}

@media (min-width: 768px) { 
	.header.transparent:not(.dark) .navbar-nav > li:not(.active) > a {color: #333333;}
}

/* MEGA menú */
.mega-menu.dropdown {position: static;}
.mega-menu .dropdown-menu {left: 0; top: 96%; width: 100%; padding: 15px 20px 25px 20px; margin:0 auto}

/* mega menu menu items */
.mega-menu .menu {list-style: none; padding: 0;	margin: 0;}
.mega-menu h4.title {margin: 10px 0 5px; font-size: 14px; text-transform: uppercase;}
.mega-menu .menu > li > a {
	padding: 5px 0;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	position: relative;
}
.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
	padding-right: 5px;/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
}
.mega-menu .menu > li:last-child > a {border-bottom: none!important;}
.mega-menu .menu > li > a:hover i,
.dropdown-menu > li > a:hover i {/*padding-left: 5px;*/}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {background-color: #ffffff; color: #c1107e; border-color: #f1f1f1; text-decoration: none;}



/* Flechas for parent menu items */
.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	left: auto;
	top: 23px;
	right: 6px;
	line-height: 1;
	color: #bfbfbf;
}
.transparent.header:not(.dark) .dropdown>a:before {color: #666666;}
.navbar-default .navbar-nav > .active.dropdown > a:before {color: #c1107e;}
.navbar-default .navbar-nav > .dropdown.open > a:before {color: #333;/*modificado e5e5e5*/}
.dropdown .dropdown>a:before {
	content: "\f105";
	right: 10px;
	top: 15px;
	margin-left: 0;
	visibility: visible;
	color: #666;
}
.dropdown .dropdown.open>a:before,
.transparent.header:not(.dark) .dropdown .dropdown.open>a:before {color: #c1107e;}

/* Móvil menu toggle button */
.navbar-default .navbar-toggle {border-color: #ccc;}

/* Móvil menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #fafafa; border-color: #c1107e;}
.navbar-default .navbar-toggle .icon-bar {background-color: #999;}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {background-color: #c1107e;}




/*Dark Navigation*/
.dark.header .navbar.navbar-default {background:none; border-color: #1f1f1f;}

/* Dark navigation first level menu items */
.dark.header .navbar-default .navbar-nav > li > a {color: #e1e1e1;}

/* Dark navigation first level active menu items on hover/focus */
.dark.header .navbar-default .navbar-nav > .active > a, 
.dark.header .navbar-default .navbar-nav > .active > a:focus {color: #ffffff;}

/* Dark navigation first level active menu items when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus {background:none; border-color: #484848; border-bottom-color: #27272a; color: #ffffff;}

/*Dark navigation second level menu items*/
.dark.header .dropdown-menu {background-color: #27272a;	border: 1px solid #484848;}
.dark.header-top .dropdown-menu {background-color: #36373c; border: 1px solid #3d3d3d; border-top-color: #36373c;}
.dark.header-top .dropdown-menu .divider {background-color: #454545;}
.dark.header .dropdown-menu > li > a {color: #cdcdcd;border-bottom: 1px solid #3d3d3d;}

/*Dark navigation second level menu items on focus/hover and when opened */
.dark.header .dropdown-menu > li > a:hover, 
.dark.header .dropdown-menu > li > a:focus, 
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover, 
.dark.header .nav .open > a:focus, 
.dark.header .dropdown-menu > .active > a, 
.dark.header .dropdown-menu > .active > a:hover, 
.dark.header .dropdown-menu > .active > a:focus, 
.dark.header .dropdown-menu .menu > .active > a, 
.dark.header .dropdown-menu .menu > .active > a:hover, 
.dark.header .dropdown-menu .menu > .active > a:focus {background-color: #36373C; color: #ffffff;}

/*Dark navigation mega-menu items*/
.dark.header h1,
.dark.header h2,
.dark.header h3,
.dark.header h4,
.dark.header h5,
.dark.header h6,
.dark.header p {color: #cdcdcd;}
.dark.header .divider {background-color: #3d3d3d;}
.dark.header .mega-menu .menu > li > a {color: #cdcdcd; border-bottom: 1px solid #3d3d3d;}

/*Dark navigation mega menu menu items on focus/hover and when opened */
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {background-color: #36373c; color: #ffffff;}

/* Dark navigation Flechas for parent menu items */
.dark.header .dropdown>a:before {color: #e1e1e1;}
.dark.header .navbar-default .navbar-nav > .active.dropdown > a:before {color: #ffffff;}
.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {color: #666666;}
.dark.header .dropdown .dropdown>a:before {color: #e1e1e1;}

/* Dark navigation Móvil menu toggle button */
.dark.header .navbar-default .navbar-toggle {border-color: #666666;}

/* Dark navigation Móvil menu toggle button on hover/focus */
.dark.header .navbar-default .navbar-toggle:hover,
.dark.header .navbar-default .navbar-toggle:focus {background-color: #36373c; border-color: #999999;}
.dark.header .navbar-default .navbar-toggle .icon-bar {background-color: #666666;}
.dark.header .navbar-default .navbar-toggle:hover .icon-bar,
.dark.header .navbar-default .navbar-toggle:focus .icon-bar {background-color: #999999;}

/* dropdown animations */
.animated.main-navigation .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
.open .dropdown-animation {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownSmall;
	animation-name: fadeInDownSmall;
}
.open .dropdown-animation {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}
.animated.main-navigation .dropdown-menu .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {-webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall;}

.animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left,
#offcanvas.animated.offcanvas-right .dropdown-menu .open .dropdown-menu {-webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall;}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

	.main-navigation .navbar-nav.navbar-right:last-child {margin-right: 0;}
	
	/* first level menu */
	.navbar.navbar-default,
	.dark.header .navbar.navbar-default {background-color: transparent; border-color: transparent;}

	
	/* layout fixes */
	.main-navigation .container-fluid {padding-right: 0; padding-left: 0;}
	.navbar-collapse {padding-right: 0px; padding-left: 0px;}
	.main-navigation .navbar-right .dropdown-menu {right: auto; left: 0;}
	.main-navigation .navbar-right > li:last-child > .dropdown-menu {right: 0; left: auto;}
	
}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {
	.main-navigation .container-fluid {padding-right: 0px; padding-left: 0px;}
	.navbar-main-menu{float:right}
}

/* Medium devices (tablets landscape to portrait) */
@media (min-width:768px) and (max-width:991px) {
	.main-navigation .navbar-nav {float: left !important;}
	.navbar.main-menu{float:none;}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col03 + .col09 .mega-menu .dropdown-menu {left: -243px; width: 940px;}
}

/* Medium desktop devices */
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default .navbar-nav > li > a {padding-right: 19px;}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	/* first level menu item */
	.main-navigation .navbar-nav > li {margin: 0 0 0 15px;}
	.main-navigation .navbar-nav > li:first-child {margin: 0;}
	.col03 + .col09 .mega-menu .dropdown-menu {left: -293px; width: 1140px;}
	.navbar-main-menu{float:right}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
		
	/* Móvil menu
	------------------------------ */
	

	/* active items */
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #c1107e; background-color: transparent;}
	
	/* first level items */
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #f1f1f1; margin-top:0px;}/*mio*/

	.subfooter .navbar-default .navbar-nav > li > a {border-bottom: 1px solid #141414;}
	.light .subfooter .navbar-default .navbar-nav > li > a {border-bottom: 1px solid #ddd;}
	.navbar-default .navbar-nav > li:last-child > a {border-bottom: 1px solid transparent;}
	
	/* first level items when opened */
	.main-navigation .navbar-nav > .open > a,
	.main-navigation .navbar-nav > .open > a:hover,
	.main-navigation .navbar-nav > .open > a:focus {
		border-color: transparent!important;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {color: #c1107e; background-color: #fff;}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus {border-top:0px solid #c1107e; /*modificado*/}

	
	/* second level menu */
	.navbar-default .navbar-nav .open .dropdown-menu {background-color: #ffffff;}
	
	/* second level items */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {padding: 12px 15px 12px 40px; color: #666666; border-color: #fafafa;}
	
	/* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #c1107e;}
	
	/* third level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {padding-left: 60px;}
	
	/* four level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {padding-left: 80px;}
	
	/* Flechas for parent menu items */
	.dropdown>a:before {right: 32px;}
	.dropdown .dropdown>a:before {right: 36px;}
	

	/*Dark Móvil menu
	------------------------------ */
	.dark.header .navbar-default .navbar-collapse, 
	.dark.header .navbar-default .navbar-form {border-color: #1f1f1f;}
	/* active items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {background-color: #36373c;}
	/* first level items */
	.dark.header .navbar-default .navbar-nav > li > a {border-bottom: 1px solid #3c3c3e;}

	/* first level active items */
	.dark.header .navbar-default .navbar-nav > .active > a, 
	.dark.header .navbar-default .navbar-nav > .active > a:focus {color: #ffffff; background-color: #36373C;}

	/* first level items hover and focus states */
	.dark.header .navbar-default .navbar-nav > li > a:hover,
	.dark.header .navbar-default .navbar-nav > li > a:focus,
	.dark.header .navbar-default .navbar-nav > .active > a:hover,
	.dark.header .navbar-default .navbar-nav > .active > a:focus {color: #ffffff; background-color: #36373c;}

	/* first level items when opened */	
	.dark.header .main-navigation .navbar-nav > .open > a, 
	.dark.header .main-navigation .navbar-nav > .open > a:hover, 
	.dark.header .main-navigation .navbar-nav > .open > a:focus	{color: #ffffff; background-color: #36373c;}

	/* second level menu */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu {background-color: #27272a; border: none;}
	/* second level items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {color: #cdcdcd; border-color: #3c3c3e;}
	
	/* second level items on hover/focus */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #ffffff; background-color: #36373c;}
	.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {color: #ffffff;}
}




/* Header top dropdowns
---------------------------------- */
.header-top-dropdown {
	float: right;
	font-size: 0;
	text-align: right;
}
.header-top-dropdown .dropdown>button {
	/*border-right: 1px solid #e3e3e3;
	border-left: 1px solid transparent;*/
}
.dark .header-top-dropdown .dropdown>button {
	/*border-right: 1px solid #515151;*/
}
.header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button {
	padding:11px 10px;
	margin: 0;
	font-size: 13px;
	text-align: center;
	min-width: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: none;
	color:#666;
}
.dark.header-top .header-top-dropdown .dropdown>button {
	/*border-right: 1px solid #3d3d3d;*/
}
.dark.header-top .header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button i {
	padding-right: 5px;
	width: 15px;
	color:#666;
}
.header-top-dropdown .dropdown.open>button,
.header-top-dropdown .dropdown>button:hover {
	color: #c1107e;
	/*background-color: #fafafa;
	border-right-color: #e3e3e3;*/
	border:none;
}

.header-top-dropdown .dropdown:first-child.open>button,
.header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: #e3e3e3;
}

.header .header-top-dropdown .dropdown>button {
	padding: 3px 10px;
}
.header .header-top-dropdown .dropdown.open>button,
.header .header-top-dropdown .dropdown>button:hover {
	background-color: transparent;
}
.header .header-top-dropdown .dropdown:first-child.open>button,
.header .header-top-dropdown .dropdown:first-child>button:hover {
	/*border-left-color: transparent;*/
}
.header .header-top-dropdown .dropdown:last-child.open>button,
.header .header-top-dropdown .dropdown:last-child>button:hover {
	border-right-color: transparent;
}

.header .header-top-dropdown .dropdown-menu {
	margin-top: 27px;
}
.header-top-dropdown .dropdown-menu {
	z-index: 103;
	padding: 20px;
	min-width: 280px;
	margin-top: 0px;
}
.header-top-dropdown .search-box .form-group {
	margin-bottom: 0;
}
.header-top-dropdown form {
	margin: 0;
}
.header-top-dropdown .login-form span {
	margin: 0 3px;
}
.header-top-dropdown .login-form ul {
	padding-left: 0;
	list-style-position: inside;
	padding: 5px 0;
}
.header-top-dropdown .login-form .social-links {
	display: inline-block;
	margin: 0;
}
.dark .header-top-dropdown .login-form a {
	color: #cdcdcd;
	text-decoration: underline;
}
.dark .header-top-dropdown .login-form a:hover {
	text-decoration: none;
}
.header .header-top-dropdown {
	margin-top: 19px;
}
.dark.header .header-top-dropdown {
	color: #cdcdcd;
}
.fixed-header-on .header .header-top-dropdown {
	margin-top: 13px;
}
.fixed-header-on .header .header-top-dropdown .dropdown-menu {
	margin-top: 19px;
}

/* Small devices (tablets, 480px and below) */
@media (max-width: 480px) {
	.header-top-dropdown .btn-group {
		position: static;
	}
	.header-top-dropdown .dropdown-menu {
		right: 15px!important;
		width: 100%;
	}
}

/* 7 BLOQUES/WIDGETS */

/* Logotipo */


.logo{margin-top:5px}
.logo img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.logo img:hover {opacity: 0.85; filter: alpha(opacity=85);}
.main-container .logo img {margin: 0 auto;}
.header-small .logo img {max-height: 40px;	margin: 2px 0 -4px 0;}
.text-center .logo img {margin: 0 auto;}

/* lema logotipo */
.site-slogan {font-size: 13px; font-style: italic; color: #999999;}
.transparent.header:not(.dark) .site-slogan {color: #333333;}
.dark.header .site-slogan {color: #cdcdcd;}
.transparent.dark.header .site-slogan {color: #ffffff;}
.main-container .site-slogan {color: inherit; text-align: center; margin-bottom: 20px;}

.logo-footer {margin: 25px 0 20px;}

/* Dispositivos medios (desktops, tablets menos de 991px) */
@media (max-width:991px) {
	.logo img,
	.header-small .logo img {margin: 0 auto;}
	.site-slogan {text-align: center;}
}


/* Cajas */

.box-style-1 {
	text-align: center;
	padding: 20px;
	margin: 20px 0;
	background:#fafafa
}
.grid-space-10 .box-style-1 {
	margin: 10px 0;
}
.box-style-1 i {
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}
.box-style-1:not(.team-member):hover i {
	color: #740c4c;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
	color: inherit;
}

.box-style-2 {
	margin-top: 20px;
}
.box-style-2 i {
	font-size: 36px;
	line-height: 60px;
}
.box-style-2 .icon-container {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	background:#c1107e;
	color:#ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.box-style-2 .icon-container.bg-col01{background:#106466}
.box-style-2 .icon-container.bg-col02{background:#511167}
.box-style-2 .icon-container.bg-col03{background:#f16109}

.box-style-2 .body {
	margin-left: 80px;
}
.box-style-2 h2 {
	font-size: 24px;
	margin-top: 0;
}
.box-style-2:hover .icon-container {
	background: #c1107e; color:#fff;/*740c4c*/
}

.image-box {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
}
.grid-space-0 .image-box {
	border: none;
}
.image-box .title {
	margin-top: 0;  font-weight: 700;
}

.image-box .title a:hover{color:#c1107e}

.image-box .btn {
	white-space: normal;
	border-color: transparent;
}
.image-box .btn-block {
	margin: 0;
}
.image-box-body {
	padding: 20px 15px 15px;
}





/* Nube de tags */

.tags-cloud {font-size: 0;}
.tag {display: inline-block; margin: 0 3px 3px 0;}
.tag a {padding: 5px 10px; color: #505050;	display: block;	font-size: 12px; border: 1px solid #e0dede; border-radius:3px}
.tag a:hover {color: #ffffff;	background-color: #c1107e;	border-color: #c1107e;	text-decoration: none;}

footer:not(.light) .footer-content .tag a,
.dark-bg .tag a {background-color: transparent; border-color: #555;	-webkit-border-radius: 2px;	-moz-border-radius: 2px; border-radius: 2px;}


/* Redes sociales */

.social-links {list-style: none; font-size: 0; padding: 0; margin: 140px 0 20px 0;}
.social-links li {display: inline-block; margin: 0 2px 2px 0;}
.social-links li a {
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	font-size: 20px;
	background: #c1107e;
	border: 1px solid #c1107e;
	color: #fff;
}
.social-links.large li a {width: 60px; height: 60px; font-size: 24px;}
.social-links.light li a {background: #fafafa; border: 1px solid #f3f3f3; color: inherit;}
.social-links.dark li a {background: #454545; border: 1px solid #333333; color: #acacac;}
.social-links.radius-5px li a {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-links.circle li a {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.social-links li a:hover {background-color: transparent; border-color: #740c4c; color: #740c4c;}

.social-links.dark li a:hover {background: #fafafa; border: 1px solid #acacac; color: inherit;}
.social-links.light li a:hover {border: 1px solid #d2d2d2; color: #333333;}
.social-links li a i {line-height: 44px;}
.social-links.large li a i {line-height: 60px;}

/*redes sociales top*/
.header-top .social-links {margin: 0;}
.header-top .social-links li {padding: 2px 5px;	background:none;	margin: 5px 2px;}
.header-top .social-links li:hover {background-color: none;}
.header-top .social-links li a {font-size: 20px;}
.header-top .social-links li:last-child {border-right: none;}
.header-top .social-links li a {border: none; width: 25px; height: 30px; color: #c2c2c2; background-color: transparent;	border-color: transparent;}
.header-top .social-links li a:hover {color: #740c4c;}
.header-top .social-links li a i {line-height: 30px;}
.dark.header-top .social-links li {border-right: 1px solid #3d3d3d;}
.dark.header-top .social-links li:last-child {border-right: none;}
.dark.header-top .social-links li:hover {background-color: transparent;}
.dark.header-top .social-links li a {color: #999999;}

.footer-content .social-links {margin: 20px 0;}
.footer-content .social-links li {margin: 0 5px 5px 0;}
.footer-content .social-links li a {color: #666; background-color: transparent; border-color: #2c2c2c;}
.footer-content .social-links li a:hover {color: #fff; background-color: #666; border-color: #666;}

/*redes*/
.social-links li.twitter a:hover,
.colored.social-links li.twitter a {background-color: #55acee; border-color: #55acee; color: #fff;}
.social-links li.skype a:hover,
.colored.social-links li.skype a {background-color: #00aff0; border-color: #00aff0; color: #fff;}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {background-color: #0976b4; border-color: #0976b4; color: #fff;}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {background-color: #dd4b39; border-color: #dd4b39; color: #fff;}
.social-links li.youtube a:hover,
.colored.social-links li.youtube a {background-color: #b31217; border-color: #b31217; color: #fff;}
.social-links li.flickr a:hover,
.colored.social-links li.flickr a {background-color: #ff0084; border-color: #ff0084; color: #fff;}
.social-links li.facebook a:hover,
.colored.social-links li.facebook a {background-color: #3b5998; border-color: #3b5998; color: #fff;}
.social-links li.pinterest a:hover,
.colored.social-links li.pinterest a {background-color: #cb2027; border-color: #cb2027; color: #fff;}
.social-links li.instagram a:hover,
.colored.social-links li.instagram a {background-color: #517fa4; border-color: #517fa4;	color: #fff;}
.social-links li.vimeo a:hover,
.colored.social-links li.vimeo a {background-color: #aad450; border-color: #aad450; color: #fff;}
.social-links li.tumblr a:hover,
.colored.social-links li.tumblr a {background-color: #32506d; border-color: #32506d; color: #fff;}
.social-links li.soundcloud a:hover,
.colored.social-links li.soundcloud a {background-color: #ff3a00; border-color: #ff3a00; color: #fff;}
.social-links li.foursquare a:hover,
.colored.social-links li.foursquare a {background-color: #0072b1; border-color: #0072b1; color: #fff;}
.social-links li.dribbble a:hover,
.colored.social-links li.dribbble a {background-color: #ea4c89; border-color: #ea4c89; color: #fff;}
.social-links li.behance a:hover,
.colored.social-links li.behance a {background-color: #053eff; border-color: #053eff; color: #fff;}
.social-links li.vine a:hover,
.colored.social-links li.vine a {background-color: #00a478; border-color: #00a478; color: #fff;}
.social-links li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a {background-color: #f74425; border-color: #f74425; color: #fff;}
.header-top .social-links li.twitter a:hover {color: #55acee; background-color: transparent; border-color: transparent;}
.header-top .social-links li.skype a:hover {color: #00aff0; background-color: transparent; border-color: transparent;}
.header-top .social-links li.linkedin a:hover {color: #0976b4; background-color: transparent; border-color: transparent;}
.header-top .social-links li.googleplus a:hover {color: #dd4b39; background-color: transparent; border-color: transparent;}
.header-top .social-links li.youtube a:hover {color: #b31217; background-color: transparent; border-color: transparent;}
.header-top .social-links li.flickr a:hover {color: #ff0084; background-color: transparent; border-color: transparent;}
.header-top .social-links li.facebook a:hover {color: #3b5998; background-color: transparent; border-color: transparent;}
.header-top .social-links li.pinterest a:hover {color: #cb2027; background-color: transparent; border-color: transparent;}
.header-top .social-links li.instagram a:hover {color: #517fa4; background-color: transparent; border-color: transparent;}
.header-top .social-links li.vimeo a:hover {color: #aad450; background-color: transparent; border-color: transparent;}
.header-top .social-links li.tumblr a:hover {color: #32506d; background-color: transparent; border-color: transparent;}
.header-top .social-links li.soundcloud a:hover {color: #ff3a00; background-color: transparent; border-color: transparent;}
.header-top .social-links li.foursquare a:hover {color: #0072b1; background-color: transparent; border-color: transparent;}
.header-top .social-links li.dribbble a:hover {color: #ea4c89; background-color: transparent; border-color: transparent;}
.header-top .social-links li.behance a:hover {color: #053eff; background-color: transparent; border-color: transparent;}
.header-top .social-links li.vine a:hover {color: #00a478; background-color: transparent; border-color: transparent;}
.header-top .social-links li.stumbleupon a:hover {color: #f74425; background-color: transparent; border-color: transparent;}

.social-links .dropdown>button {
	padding: 6px 15px 5px;
	font-size: 16px;
	color: #999;
	text-align: center;
	min-width: 0;
	margin: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.social-links .dropdown>button i {width: 15px;}
.social-links .dropdown.open>button>i:before {content: "\f00d";	color: #c1107e;}
.social-links .dropdown-menu {
	z-index: 103;
	padding: 0px;
	min-width: 290px;
	margin-top: 1px;
	font-size: 0;
	box-shadow: none;
	background-color: #fafafa;
}
.social-links .dropdown-menu li a,
.social-links .dropdown-menu li a i {padding: 0;}



/* Ir arriba */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	opacity:0.5;
	z-index: 1005;
	display: none;
}
.scrollToTop i {line-height: 50px; font-size: 24px;}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.scrollToTop {width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4);}
	.scrollToTop i {line-height: 40px; font-size: 20px;}
}


/*Marcas*/

.zona-logo-marca{text-align:left; margin:10px 0;}
.zona-texto-marca{background:#fafafa; padding:20px; border-left:5px solid #fd0796; margin:10px 0;}

@media (max-width:991px) {
	.zona-logo-marca{padding-top:30px; margin:0 auto; text-align:center;}
}


/* 8 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution
---------------------------------- */

.fonhor-container {
	width: 100%;
	position: relative;
	padding: 0;
	height:150px;
	background: url("../images/fonhor.png") repeat center center;
}


.slider-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.slider-banner,
.slider-banner-2,
.slider-banner-3,
.slider-banner-fullscreen {
	width: 100%;
	position: relative;
}
.slider-banner>ul,
.slider-banner-2>ul,
.slider-banner-3>ul,
.slider-banner-fullscreen>ul {
	display: none;
}
.tp-loader.spinner0 {
	background: url("../images/loader.gif") no-repeat center center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-animation: none;
	animation: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	margin-left: -22px;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
	background-color: #666666;
	box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
}
.slideshow-boxed {
	padding: 20px 0 60px;
}
.slideshow-boxed .slider-banner-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #eaeaea;
}
.slideshow-boxed .tp-caption {
	margin-left: 20px !important;
}

/* Slider Revolution captions */
.tp-caption {
	z-index: 5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
	
}

.tp-caption.redondo{
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	border-radius: 20%;
}

.tp-caption a.btn,
.tp-caption a.btn:hover {
	color: #ffffff;
}
.default_bg {
	background-color: #c1107e;
	color: #fff;
}
.white_bg {
	background-color: #ffffff;
	color: #333333;
}
.no_bg {
	background-color: none;
	color: #fff;
}


.dark_gray_bg {
	background-color: #666666;
	color: #fff;
}
.light_gray_bg {
	background-color: #fafafa;
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
}
.tp-caption.small_thin_white {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 300;
	text-shadow: 1px 1px 1px #000000;
}
.tp-caption.small_thin_dark {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
}
.tp-caption.large {
	font-size: 36px;
	padding: 0px 15px;
}
.tp-caption.medium {
	font-size: 20px;
	padding: 2px 10px;
}
.tp-caption.small {
	font-size: 14px;
	padding: 5px;
}
.tp-caption.black,
.tp-caption .btn.black,
.tp-caption .btn.black:hover {
	color: #333333;
}
/* Large devices (Large desktops less than 1199px) */
@media (max-width:1199px) {
	.tp-caption {
		margin-left: 20px !important;
	}
}

/* Revolution Nav Controls */
.tparrows.round {
	background-image: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50% !important;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;
}


.tparrows.round:before {
	font-family: "FontAwesome";/*fontello*/
	font-size: 24px;
	content: "\f104";/*e87c*/
	line-height: 52px;
	display: inline-block;
}
.tparrows.round.tp-rightarrow:before {
	content: "\f105";/*e87d*/
}
.tparrows.round:hover {
	color: #ffffff;
	background-color: #c1107e;
}
.slideshow-boxed .slider-banner-container .tparrows {
	opacity: 0;
	filter: alpha(opacity=0);
}
.slideshow-boxed .slider-banner-container:hover .tparrows {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tp-bullets {
	z-index: 100;
}
.tp-bullets.simplebullets.round .bullet {
	background-image: none;
	width: 14px;
	height: 14px;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	margin: 0 3px;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.bullets-with-bg + .tp-bullets.preview4 {
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	padding: 5px 15px;
	bottom: -6px !important;
	border-radius: 3px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #c1107e;
}
.tp-bannertimer {
	background-image: none;
	background-color: rgba(193, 16, 126, 0.7);/*c1107e*/
	z-index: 100;
	display: none;
}
.slideshow-boxed .tp-bullets {
	bottom: -33px !important;
}
.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {
	padding: 7px 15px 2px;
	bottom: -45px !important;
}
.slideshow-boxed .tp-rightarrow {
	right: 10px !important;
}
.slideshow-boxed .tp-leftarrow {
	left: 10px !important;
}
.slideshow-boxed .tp-bullets.hidebullets {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.tparrows,
	.tp-bullets {
		display: none;
	}
}


/* 9 Owl carousel
----------------------------------------------------------------------------- */
.owl-carousel {z-index: 4;}
.owl-carousel .owl-item>div {margin: 10px 0 20px;}
.owl-carousel.carousel .owl-item>div,
.owl-carousel.carousel-autoplay .owl-item>div {margin: 10px 20px 20px 0;}
.owl-carousel.clients .owl-item>div {margin: 0px 30px 0px 0;}
.well.owl-carousel .owl-item>div {margin: 10px 0 0;}
.tab-content .owl-carousel .owl-item>div {margin: 0 0 20px;}

/* caption */
.caption {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 15px;
	position: absolute;
	bottom: 80px;
	left: 80px;
	width: 40%;
	border: 1px solid #ffffff;
}
.caption .title {margin-top: 0;}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	.caption {width: 90%; bottom: 40px;	left: 40px;}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.caption {width: 100%; bottom: 30px; left: 0; position: relative; background-color: #fafafa; bottom: 0; padding-bottom: 35px;}
}

/* owl controls */
.owl-controls {width: 100%; margin-bottom: 50px;}
.owl-controls .owl-buttons div {
	display: inline-block;
	zoom: 1;
	padding: 3px 10px;
	font-size: 12px;
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.owl-prev {left: 0; background-color: #c1107e; color: #f1f1f1;}
.owl-next {left: 30px; background-color: #f1f1f1; color: #c1107e;}
.owl-prev:hover,
.owl-next:hover,
.gray-bg .owl-next:hover {background-color: #333333; color: #f1f1f1;}
.gray-bg .owl-next {background-color: #ffffff;}

.owl-controls .owl-buttons div:after {
	font-family: "FontAwesome";/*fontello*/
	font-size: 18px;
	line-height: 26px;
}
.owl-prev:after {
	content: "\f104";/*e87c*/
}
.owl-next:after {
	content: "\f105";/*e87d*/
}
.no-touch .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}
.content-slider-with-controls {
	margin-bottom: 20px;
}
.content-slider-with-controls .owl-controls,
.content-slider-with-controls-autoplay .owl-controls {
	margin-bottom: 0;
}
.content-slider-with-controls .owl-buttons div,
.content-slider-with-controls-autoplay .owl-buttons div {
	top: 50%;
	margin-top: -15px;
	background-color: #c1107e;
	color: #f1f1f1;
}
.content-slider-with-controls .owl-buttons div.owl-next,
.content-slider-with-controls-autoplay .owl-buttons div.owl-next {
	left: auto;
	right: 0;
}
.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
	background-color: #f1f1f1;
	color: #c1107e;
}
.content-slider-with-controls-bottom .owl-controls .owl-pagination {
	bottom: -30px;
}
.content-slider-with-controls-bottom .owl-controls .owl-page span {
	background: #acacac;
}
.owl-controls .owl-pagination {
	position: absolute;
	bottom: 25px;
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 4px;
	background: #ffffff;
}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
	background: #c1107e;
}


/* 10 IE8 Support
----------------------------------------------------------------------------- */
.ie8 .tp-caption{line-height: 1.5!important;}
.ie8 .overlay {
	background-color: rgb(241, 241, 241);
	display: none;
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
}
.ie8 a.overlay i {display: none;}
.ie8 .overlay-container:hover a.overlay i,
.ie8 .overlay-container:hover .overlay {display: block;}



/* 10 Popup
----------------------------------------------------------------------------- */



.fondo-trans{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 500ms;
  /*visibility: hidden;*/
  /*opacity: 0;*/
  opacity:1;
  z-index:5000
}
.fondo-trans:target {visibility: visible; opacity: 1;}


.popup {
  /*margin: 50px auto;*/
  padding: 20px 20px 10px 20px;
  background: #343434 url('../images/fondopop.jpg') repeat-x;
  width: 40%;
  z-index:10000;
}

.popup {
    margin: 0 auto;
    z-index:41;
    top: 50%; left:50%; position: absolute;
    margin-left: -160px; /*es la mitad de 320*/
    margin-top: -176px; /*es la mitad 352*/

}

.user{position:absolute; top:-45px; right:113px;}


.popup.login {width:320px; border-radius:18px; 
	background-color: #343434;
	border: 3px solid rgb(255,255,255);
	border: 3px solid rgba(255,255,255, 0.3);
	-moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; 

 }

.popup h2 {/*position:absolute; left:0; top:-5px;*/ color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:1.692em; display:inline}

.popup .cerrar {
  position: absolute;
  top: 3px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .cerrar:hover {color: #ffc30b;}
.popup .contenido {margin-top:15px; /*max-height: 100px; overflow: auto;*/}

/*@media screen and (max-width: 700px){.popup.login{top: 20%;}}*/
@media screen and (max-width: 420px){.user{display:none}}