/*
	primary_blue: #0171ae;
	secondary_blue: #018fd9;
*/

/* global */
	hr{
		border-color: #018fd9;
	}

	video{
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	.gapped{
		margin-bottom: 15px;
	}

	.gapped-xl{
		margin-bottom: 50px;
	}

	.gapped-top{
		margin-top: 20px;
	}

	.hidden-soft{
		display: none;
	}

	.link-style{
		cursor: pointer;
	}

	.text-gray{
		color: #333;
	}

	.text-blue{
		color: #018fd9;
	}

	.text-green{
		color: #0171ae !important;
	}

	.font-sm{
		font-size: 18px;
	}

	.font-lg{
		font-size: 20px;
	}

	.h3{
		font-size: 24px;
		margin-bottom: 10px;
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
		font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	}

	.h4{
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
		font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	}

	.btn{
		border-radius: 0;
		background-color: #0171ae;
		border: 1px solid transparent;
	}

	.no-margin-left{
		padding-left: 0;
	}

	.btn-primary{
		border: 1px solid #018fd9;
		background-color: #018fd9;
		font-weight: normal;
	}

	.btn-primary:hover{
		/*background-color: #018fd9;*/
		background-color: #0171ae;
		border: 1px solid #018fd9;
	}
		.btn-primary:focus{
			background-color: #0171ae;
			border: 1px solid #018fd9;
		}

	a{
		color: #0171ae;
	}
		a:hover{
			color: #0171ae;
		}

		a:active{
			color: #0171ae;
		}

		a:focus{
			color: #0171ae;
		}

	.error-message{
		color: red;
		font-size: 85%;
	}

	.logo{
		max-width: 100px;
	}

	.logo-success{
		margin: 50px 15px;
		height: 100px;
	}
		.logo-success img{
			max-height: 100px;
			/*-webkit-filter: grayscale(100%);*/
    		/*filter: grayscale(100%);*/
    		/*transition: all 0.5s ease;*/
		}
			/*.logo-success img:hover{*/
				/*-webkit-filter: grayscale(100%);*/
				/*filter: none;*/
			/*}*/

	.carousel-control{
		width: 5%;
	}

	.carousel-indicators{
		bottom: 0;
	}
		.carousel-indicators li{
			border: 1px solid #018fd9;
		}
		.carousel-indicators li.active{
			background-color: #018fd9;
		}

		.carousel-control.left, .carousel-control.right{
			background-image: none;
		}

	.bg-grey{
		background-color: #eee;
	}

	.cool-list{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.cool-list li{
			padding-left: 1em;
			text-indent: -.7em;
			font-size: 18px;
			vertical-align: center;
		}

		.cool-list li:before{
			content: "• ";
			color: #018fd9;
			font-size: 30px;
		}

	#projects{
		padding-top: 60px;
	}

	a.visible-on-green{
		color: #018fd9;
	}
		a.visible-on-green:hover{
			text-decoration: none;
		}

	/* header */
		.navbar-brand{
			padding: 0;
			padding-left: 15px;
		}

		.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus {
			color: #018fd9!important;
			background-color: transparent;
		}

	/* Que es */
		.text-primary{
			color: #ccc;
			margin-top: 25px;
		}

		.text-muted{
			color: #eee;
		}

		.bg-primary{
			background-color: rgb(34, 34, 34);
		}

	/* Capturas */
		.portfolio-box .portfolio-box-caption{
			background: rgba(1, 113, 174, 0.9);
		}

		.portfolio-box img{
			padding: 15px;
		}

		.thumbnail{
			width: 500px;
			height: 450px;
			object-fit: contain;
			border: 1;
		}

	/* Artículos */
		.panel-default{
			color: #333;
			box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1);
			min-height: 270px;
		}
			.panel-default a{
				color: #018fd9;
			}

			.panel-default img{
				margin-top: 5px;
			}

	/* Modal */
		.form-control{
			border: 1px solid #222;
		}

		.modal-content{
			border-radius: 0px;
		}

		.modal-content textarea{
			resize: none;
			height: 250px;
		}
		
		.modal-contact .modal-body{
			min-height: 614px;
			transition: height 0.25 ease;
		}

	/* Aviso legal */
		#legal-notice .h1{
			font-size: 1.3em;
			border-bottom: 4px solid #a7c33a;
			width: auto;
			padding-bottom: 5px;
			margin-bottom: 15px;
		}

		#legal-notice p{
			font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size : 0.9em;
			line-height: 15px;
			padding: 25px;
			padding-top: 0;
			margin-bottom: 0px;
			text-align: justify;
		}

	/* carousel */
		.carousel-content{
			min-height:150px;
			/*width:150px;*/

			/*min-width:150px;*/
			/*max-width:200px;*/
			/*min-height:100px;*/
			/*max-height:100px;*/
			/*overflow:hidden;*/
			/*display:block;*/
			/*border:1px solid red;*/
		}



/* tamaño pequeño */
	/* header */
		header .header-content .header-content-inner{
			background-color: rgba(0,0,0,0.6);
			padding: 30px;
		}

		header .header-content .header-content-inner p{
			font-size: 22px;
		}

/* tamaño normal */
	@media (min-width: 768px){
		.navbar-default.affix .nav>li>a:focus:hover, .navbar-default.affix .nav>li>a:hover {
			color: #018fd9;
		}

		.navbar-default .nav>li>a{
			color: #eee;
		}

			.navbar-default .nav>li>a:hover{
				color: #0171ae;
			}

		header .header-content{
			padding: 0;
		}

		.text-margined-top-sm{
			margin-top: 50px;
			margin-bottom: 50px;
		}

		.text-margined-top-lg{
			margin-top: 75px;
		}

		/* header */
			header .header-content .header-content-inner{
				margin-left: 0;
				margin-right: auto;
				max-width: 60%;
			}	
	}