@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Medium.ttf');
}

body
{
	font-family: Quicksand;
}

h1, h2, h4
{
	color: #12558a;
}

h2
{
	font-size: 1.2em;
}

h5
{
	font-size: 1.8em;
	color:white;
}

h3
{
	color:#6aabdd;
	font-size: 1.5em;
}

.subrayadorosa
{
	background-image: linear-gradient(transparent 20px, #d84874 20px);
}

.subrayadolightblue
{
	background-image: linear-gradient(transparent 20px, #6aabdd 20px);
}

.subrayadodarkblue
{
	background-image: linear-gradient(transparent 20px, #12558a 20px);
}

.headbg
{
	height: 700px;
    background: url('../img/bg_versity.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.headcontainer
{
	padding-top:50px;
}

.headmenu
{
	margin:10px;
}

.headlink
{
	color: #12558a;
	padding:10px;
}

.headlink:hover
{
	color: white;
	text-decoration:none;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(18,85,138, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(18,85,138);
} 

.bg-darkblue
{
	background-color:#12558a;
}

.bg-pink
{
	background-color:#d84874;
}

.text-darkblue
{
	color:#12558a;
}

.bg-lightblue
{
	background-color:#6aabdd;
}

.text-lightblue
{
	color:#6aabdd;
}

.form-control-saul
{
	border-color:#12558a;
	border-radius: 0;
	height:100%;
	color: #12558a;
	min-height:60px;
}

.form-control-lightsaul
{
	border-width:0;
	border-radius: 0;
	color: #12558a;
}

.outline {
  position:relative;
}
.outline:before {
  content:"";
  position:absolute;
  left:70px;
  right:70px;
  top:15px;
  bottom:-30px;
  border:2px #d84874 solid;
}

.outlinetitle {
  position:relative;
}
.outlinetitle:before {
  content:"";
  position:absolute;
  left:70px;
  right:70px;
  top:35px;
  bottom:-30px;
  border:2px #d84874 solid;
}

.outlineviajes {
  position:relative;
}
.outlineviajes:before {
  content:"";
  position:absolute;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-50px;
  border:2px #d84874 solid;
}


.inlinerosa {
  position:relative;
}
.inlinerosa:before {
  content:"";
  position:absolute;
  left:15%;
  right:25%;
  top:0;
  bottom:0;
  border:2px #d84874 solid;
}

.prueba
{
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.rightt
{
	max-width:500px;
	position:absolute;
	right:150px;
	top: 320px;
}

.upp
{
	position:relative;
	top:320px;
}

a .prueba h4{
	color:white;
	padding:8px 20px;
	border:3px white solid;
	border-radius: 8px;
	transition: 0.1s;
}

a img{
	transition: 0.1s;
}
a img:hover { 
	-moz-transform: translate(0,-15px);
    -ms-transform: translate(0,-15px);
    -o-transform: translate( 0,-15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
} 

a img:hover ~ .prueba h4 { 
	color:#d84874;
	border:3px #d84874 solid;
	-moz-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -o-transform: translate( 0, -15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
} 

.movedbackgroundlightblueupleft {
  position:relative;
}
.movedbackgroundlightblueupleft:before {
  content:"";
  position:absolute;
  left:-30px;
  right:30px;
  top:-30px;
  bottom:30px;
  background-color: #6aabdd;
  z-index: -1;
}

.movedbackgroundlightbluedownright {
  position:relative;
}
.movedbackgroundlightbluedownright:before {
  content:"";
  position:absolute;
  left:30px;
  right:-30px;
  top:30px;
  bottom:-30px;
  background-color: #6aabdd;
  z-index: -1;
}

.movedbackgroundlightbluedownleft {
  position:relative;
}
.movedbackgroundlightbluedownleft:before {
  content:"";
  position:absolute;
  left:-30px;
  right:30px;
  top:30px;
  bottom:-30px;
  background-color: #6aabdd;
  z-index: -1;
}



.movedbackgroundlightblueupright {
  position:relative;
}
.movedbackgroundlightblueupright:before {
  content:"";
  position:absolute;
  left:50%;
  right:-10%;
  top:-10%;
  bottom:10%;
  background-color: #6aabdd;
  z-index: -1;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent;
}
.navbar-default .navbar-toggle{
    border-color: transparent;
}

#mobiletop {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-default{
    background-color: #862f38;
}
.navbar-toggle:link,
.navbar-toggle:visited,
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus{
  background:none !important;
  border: none !important;
  outline: none !important;
}

@media screen and (max-width: 768px)
{
	.rightt
	{
		max-width:60%;
		position:relative;
		right:0px;
		top: 120px;
	}

	.navbar-toggle:link,
	.navbar-toggle:visited,
	.navbar-toggle:hover,
	.navbar-toggle:active,
	.navbar-toggle:focus{
	  background:none !important;
	  border: none !important;
	  outline: none !important;
	}
	
	h1
	{
		font-size: 2em;
	}
	
	h4
	{
		font-size: 0.9em;
	}
	
	h2
	{
		font-size: 0.9em;
	}
	
	h5
	{
		font-size: 1.8em;
		color:white;
	}
	
	::-webkit-input-placeholder {
	  font-size: 15px;
	}
	::-moz-placeholder {
	  font-size: 15px;
	}
	:-ms-input-placeholder {
	  font-size: 15px;
	}
	::placeholder {
	  font-size: 15px;
	}
}