@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
}

nav {  min-height:60px;  }


.fill { 

    min-height: calc(100% - 60px);
    height: calc(100% - 60px);
	padding-top: 60px;
	display: table;
	background-color:#f8f8f8; 
	vertical-align: middle;
	/*
	min-height:100%;
    height: 100%;
	*/
}
.map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table-cell;
	vertical-align:middle;
 
  background-position:center;
  background-size: cover;
}

body {
    margin-bottom:0;
}

.medio { 
	position: relative;
  /* This helps to align to the middle but is not working on IE
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  */
  margin:auto;
  padding:10px 20px;
  text-align:center;
  height:auto;
}

.forma-buscador { display:block; }
.buscador, .boton-buscador, .sombrabuscador {
/*
    

    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
*/
border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.sombrabuscador:hover, .sombrabuscador:focus {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
	/*box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);*/
}

.cse input.botonbuscador, input.botonbuscador {
	transition: all 0.15s ease-in-out 0s;
	background-color:#28a745;
}

.botonbuscador:hover {
	background-color:#158c30;
}

.boton-buscador:hover {
	cursor:pointer;
}
.footer {
  position: relative;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #EEE;
	border-top: solid 1px #e4e4e4;
}


.logocorn {
  height: 500px;
  width: 500px;
}


#searchForm  {
	margin:auto;
}


.apps {
background-image: url('/i1_1967ca6a.png');
background-size: 528px 68px;
	background-position: -132px -38px;
	opacity: .55;
	height: 30px;
width: 30px;
}
.apps:hover {
	opacity: 1;
}


.footerleft {
	float: left;
	margin-left: 20px;
	
}
.footerright {
	float: right;
	margin-right: 20px;
}

.footerleft a, 
.footerright a {
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
	font-size: 0.75em;
}

/* Small devices (landscape phones, 576px and up) */
.form-inline .buscador { margin-bottom: 10px; }
.form-inline .buscador:focus { border-color:#28a745; }

@media (min-width: 576px) { 
.form-inline .buscador  { width: 50%; margin-bottom: 0; }
#searchForm  { width: 80%;  }
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.form-inline .buscador  {  width: 50%; }
#searchForm  {  width: 65%; }
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.form-inline .buscador  {  width: 40%; }
#searchForm  {  width: 50%; }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.form-inline .buscador  {  width: 30%; }
#searchForm  {  width: 40%; }
 }
 
 @media (min-width: 1680px) { 
.form-inline .buscador  {  width: 25%; }
#searchForm  {  width: 33%; }
 }