/*** Extra small devices (phones, less than 768px) */
/*   No media query since this is the default in Bootstrap */

html {
	height: 100%;
	background-color: #191919;
}
body {
  	min-height: 100%;
	color: #ccc;
	background-color: black;
	padding-top: 0px;
	font-family: "ff-meta-web-pro",sans-serif;
    letter-spacing: 1px;
	/*font-family: 'Istok Web', sans-serif;*/
}

a {
	color: #555;
	font-size:13px;
	font-weight: 400;
}

.main-nav.nav>li>a {
	font-weight: 700;
	color: #ddd;
}

.main-nav.nav>li.active>a {
	background: none;
}

a:hover,.main-nav.navbar-nav>li>a:hover,.inner-nav.navbar-nav>li>a:hover,.copyright>a:hover
	{
	background: none;
	color: #edd;
	text-decoration: none;
}

.main-nav.navbar-nav>li>a:hover {
	color: #cbb;
}

.row {
	margin: 0;
	padding: 0;
}

#header {
	background: black url('../img/bg768.png') no-repeat top left;
	overflow: visible;
}

.navbar-default {
	padding: 190px 70px 75px 0px;
}

.navbar-default .active {
	display: none;
} 

nav.navbar-default.navbar-static-top,.panel-title {
	background: none;
}

.separator:after {
	content: "/";
	padding-left: 28px;
	font-size: 15px;
	font-weight: 700;
	color: #ddd;
}

.main-nav .separator:after {
	color: #a00;
	font-size: 16px;
}


.navbar-default ul {
	float: right;
}
.navbar-default li {
	/*float: left;*/
}
.navbar-nav {
    margin: 0px;
}

.inner-menu p, .inner-menu ul {
	float: left;
}

.navbar-header p.text-navbar {
	margin-left: 7%;
}

.text-navbar {
	font-weight: 700;
	font-size:14px;
	color: #a0a0a0;
	margin-top:3px;
}

.menu_separator {
	float:center;
	margin-left:4px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.inner-menu:after, .thumbs-block:after {
	content:'';
	display: block;
	position: relative;
    pointer-events: none;
    margin: 0px;
	height: 38px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 6%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.85) 97%, rgba(0,0,0,0.95) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(6%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0.95))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.85) 97%,rgba(0,0,0,0.95) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.85) 97%,rgba(0,0,0,0.95) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.85) 97%,rgba(0,0,0,0.95) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.85) 97%,rgba(0,0,0,0.95) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#f2000000',GradientType=1 ); /* IE6-9 */
    /**
	 * debug
	 *
     *
    background-color: cyan;
    opacity:0.1;
	border: 2px solid white;
	*/
}

.inner-nav, .thumbs-block {
	width: 48%;
	white-space: nowrap;
	overflow-x: hidden;
   /**
	* debug
	*
	*
	border: 1px dashed grey;
	*/
}
.inner-nav li {
	display: inline-block;
	float: none;
}

.inner-nav.navbar-nav>li>a {
	padding-top: 0;
	color:#4d4d4d;
	font-weight: 700;
}

/**
 * inner-menu con button.navbar-toggle en mobiles
 */
#header > nav.navbar.navbar-default {
	margin-left:5%;
	padding: 0;
	background-color: black;
}
.navbar-default, .navbar-collapse {
	border: none
}
#inner-menu-navbar-collapse {
	padding:0px;
}

#inner-menu-navbar-collapse, .navbar-header {
	padding-top:13px;
}

#inner-menu-navbar-collapse .inner-nav {
	float: left;
	/*border:1px dashed blue;*/
}
.no-transition {
  -webkit-transition: height 0.001s;
  -moz-transition: height 0.001s;
  -ms-transition: height 0.001s;
  -o-transition: height 0.001s;
  transition: height 0.001s;
}
#header .navbar-toggle {
	border: none;
	background-color:black;
}
#header .navbar-toggle:hover {
	background-color:#111;
}
#header .navbar-toggle:active {
	background-color:#181818;
}

/*** Landscape phones and down */
@media (max-width: 480px) {
	#inner-menu-navbar-collapse li {
		display: block;
	}
	#inner-menu-navbar-collapse .separator {
		display: none;
	}
	.inner-menu:after {
		display: none;
	}
}
/**
 * /inner-menu con button.navbar-toggle en mobiles
 */


#servicios, #contacto {
	padding-top:10px;
	padding-left:50px
}

.item h4 {
	color:white;
	font-size:15px;
	font-weight: 700;
	margin-bottom:3px;
}

#proyectos .item h4 {
	color: #999;
	padding-left: 50px 
}

/**
  * container-maxwidth limita ancho maximo de bordes y oculta el excedente
  */
.container-maxwidth {
	width: 94%;
	overflow: hidden;	
}

.line-pad-left {
	padding-left: 7%;
}

.border-line-bottom {
	margin-top:-12px;
}

.border-line-titulo {
	margin-top:-42px;
}

.border-line-texto {
	margin-top:-40px;
}

.over {
	display: inline;
	z-index: 10;
	position: relative;    
	background-color: black;
	padding-right: 11px;
}

/**
  * drop down menu icon: corrige altura del boton en relacion al border-line
  */
.navbar-toggle {
	padding-top: 0px;
	margin-top: 5px
}
.fotos {
	text-align: center;
}
.fotos img {
	margin: 2px;
}

.video-link:hover, .img-hover:hover {
	cursor: pointer;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

iframe {
	padding:6px;
	z-index: 2;
	position: relative;
}

.opacity {
    opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.lazy {
    display: none;
}

.img {
	padding: 8px 0px;
}

.texto {
	padding-top:8px;
	padding-left:20px;
	font-size: 16px;
	color:#bbb;
}

#servicios .texto:first-letter {
	font-size: 18px;
	font-weight: 700;
	color:white;
}

/*servicios carousel*/
.carousel-indicators {
	width:auto;
}
.carousel-indicators > li,
.carousel-indicators > li.active{
    width: 24px;
    border: none;
    color: grey;
    text-indent: 0;
    font-size: 16px;
    font-weight: 700;
}
.carousel-indicators > li.active {
    background: none;
    color: white;
}
.carousel-caption {
	float: right;
	top:30px;
	bottom: auto;
	right: 70px;
	text-align: right;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

.mas-info {
	cursor: pointer;
}
.mas-info-content {
	z-index: 1;
	position:absolute;
	top:0;
	right:40px;	
	float: right;
	width: 261px;
	padding: 44px 20px 50px 54px;
	text-align: left;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(1%,rgba(0,0,0,0.9)), color-stop(99%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#a6000000',GradientType=0 );
}
.mas-info-content h6 {
	margin-top:0;
	color: grey
}
.mas-info-content h6 b {
	color: white
}
.mas-info-content ul li {
	line-height: 2;
	margin-left: -30px;
}

#proyectos .texto, #proyectos .lst {
	padding-left:35px;
}

.proyectosTxt {
	max-width: 400px;
}

.lst {
	padding-top:10px;
	padding-left:20px;
	color:#777;
	font-size: 16px;
}

.lst ul {
	list-style: none;
}

.lst li {
	padding-left: 6px; 
}
.lst li:before {
    content: '\2022  ';
    color: white;
}

#contacto {
	font-size: 19px;
	color:#ccc;
}

#contacto-lqc {
	margin:0 auto;
	max-width: 748px;
}

#contacto small {
	color: grey;
	font-size: 15px;	
}

.address {
	font-size: 14px;
}

a[href^=tel]{
    color:#eff;
}

#footer {
	margin: 0 auto;
	max-width: 1228px;
	text-align: right;
    padding-bottom: 10px;
}

#footer a {
    padding: 2px 6px 0px;
}

.navbar-fixed-bottom {
	pointer-events: none;
}

.copyright,.copyright a {
color: #aaa;
}
.copyright a {
display:none;
}
#visita {
padding-left:30px;
color:#535650;
}

#back-to-top {
	display:none
}

#back-to-top:hover, #lang:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#back-to-top a {
    outline:none;
    text-decoration: none;
    pointer-events: auto;
}

#lang {
	opacity:0.4;
	filter:alpha(opacity=40);
	padding-right: 30px;
	padding-top: 1px;
}

#lang a:hover {
	color:#edd
}

#lang .lang-btn-active {
	pointer-events: none;
    cursor: default;
	color: white;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#lang .separator:after {
	padding-left: 10px;
	color:red;
}
#lang #en {
	padding-left:0;
	margin-left: -4px
}

.modal .modal-content  {
	background-color: #0a0a0a;
}

.modal-header, .modal-footer {
    border-color: #111;
}

.modal-header a:before {
	padding: 20px;
}

.modal-body {
	text-align:center;
}

.flowplayer .fp-embed {
	display:none
}

.modal-dialog {
    /*top: 20%;*/
}


.white {
    color: white;
}

.fade.in {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

/**
 * debug
 *
 */
#debug {
	background-color: #070702;
}

/*** Landscape phones and down */
@media (max-width: 480px) {
	/**
	 * debug
	 *
	 *
	.inner-menu:after{
 	    background-color: cyan;
	    margin-left: 0;
	    margin-top: 30px;
	}
	*/
	.inner-nav, .thumbs-block {
		width: 100%;
	}
	#servicios {
		padding-left:0px;
	}
	iframe {
		width: 100%;
	}
	.carousel {
		margin-left: -15px;
		width: 106.5%; 
	}
	.mas-info-content ul li {
		font-size: 10px;
		line-height: 1.2;
	}
	.mas-info-content {
		padding-bottom: 10px
	}
	.mas-info-content ul {
		margin-top: -10px
	}
    .thumbs li {
        padding: 14px 0px;
    }
}

/* organizar bien*/
@media (min-width: 481px) and (max-width: 767px) {
	.carousel {
		margin-left: -64px;
		width: 115%; 
	}
	.mas-info-content ul li {
		font-size: 11px;
		line-height: 1.2;
	}
	.mas-info-content {
		padding-bottom: 10px
	}
	.mas-info-content ul {
		margin-top: -10px
	}
}

/*** Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/**
	 * debug
	 *
	 *
	.inner-menu:after{
 	    background-color: yellow;
	}
	*/
	#header {
		background: black url('../img/bg1024.png') no-repeat top left;
		overflow: visible;
	}
	.inner-nav, .thumbs-block {
		width: 56%;
	}
	.carousel {
		margin-left: -73px;
		width: 114.4%; 
	}
	.mas-info-content ul li {
		font-size: 11px;
		line-height: 1.2;
	}
	.mas-info-content {
		padding-bottom: 10px
	}
	.mas-info-content ul {
		margin-top: 10px
	}
}


/*** Medium devices (desktops, 980px and up) */
@media (min-width: 980px) {
	/**
	 * debug
	 *
	 *
	.inner-menu:after{
 	    background-color: blue;
	}
	*/
	#header {
		background: black url('../img/bg1200.png') no-repeat top left;
		overflow: visible;
	}
	.inner-nav, .thumbs-block {
		width: 65%;
	}
	.modal-lg {
		margin-left: -100px
	}
	img.border-der {
		z-index: 1;
		position: relative;
		margin-left: 4px;
	}
	.carousel {
		margin-left: -90px;
		width: 114.6%; 
	}
	.mas-info-content ul li {
		font-size: 12px;
		line-height: 2;
	}
	.mas-info-content {
		padding-bottom: 50px
	}
}


/*** Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/**
	 * debug
	 *
	 *
	.inner-menu:after{
		content:'';
 		background-color: lime;
	}
	*/
	body {
		max-width: 1228px;
		margin: 0 auto;
	}
	.inner-nav, .thumbs-block {
		width: 73%;
	}
	img.border-der {
		z-index: 1;
		position: relative;
		margin-left: -65px;
	}
	#proyectos .container-maxwidth {
		margin-left:-46px;
	}
	.carousel {
		margin-left: -94px; 
		width: 112.7%;
	}
}
	

/*** Large devices (extra large desktops, 1920px and up) */
@media (min-width: 1920px) {
	/**
	 * debug
	 *
	 *
	.inner-menu:after{
		content:'';
 		background-color: grey;
	}
	*/
}



/*Mozilla specific CSS*/
@-moz-document url-prefix() {
	img.border-der {
		margin-top:1px;
	}
}


.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}


/* Lazy Load XT 1.0.2 | MIT License */
.lazy-hidden{background: url('../img/ico_loading.gif') no-repeat 50% 50%;}







.thumbs-block {
    position:relative; /**/
    overflow: hidden;
    margin: 0 5px;
    /*width: 100%;*/
    height:42px;      /**/
    /*border: solid 1px lime;*/
} 
.thumbs-block .thumbs {
    white-space: nowrap;
    text-align: center;
}
.thumbs-block .thumb {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 120px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.thumbs{
  position:absolute;  /**/
  margin-left:0;      /**/
}

.aa li {
	padding-top:2px;
	display: inline-block;
	text-align:left;
}

.aa li a {
	font-weight: 700;
}

.aa li .separator {
	padding-right:20px;
}



/*** Landscape phones and down */
@media (max-width: 480px) {
	.thumbs-block {
    	position:inherit;
	}
	
	.thumbs {
    	background-color: black;
    	width: 98%;
	}
	
	#inner-menu-navbar-collapse {
		overflow: hidden;
	}
	.navbar-default ul {
		float: left;
	}
	
	.navbar-default {
		padding-bottom: 130px;
	}
	
	.main-nav, #lang  {
		text-align:right;
		width: 100%
	}
	
	.main-nav li, #lang li {
		display: inline-block;
	}

	.separator:after {
		padding-left: 18px;
	}
	.main-nav li a {
		padding: 8px;
	}
	
}












/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #393939;
	color: white;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background: white;
	color: black;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #393939;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: white;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../img/ico_loading.gif) no-repeat center center
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
  * estilos sólo para firefox
  */
@-moz-document url-prefix() {
	.border-line {
		height: 100%;
	}
}