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

 *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	background: #E0E4E5;
	font-family: 'Open Sans', sans-serif;
}

#posicionFija {
   	position: relative;
   	top: 0px;
   	margin-left: 0px;
   	border-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0px;
}

.cajaExterna{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1px;
}

.cajaInterna{
	margin: 2px;
	flex: 1;
	min-width: 300px;
	padding: 2px;
}

@media only screen and (min-width: 1px) and (max-width: 720px){
.botonAltura div nav {
    margin:1px;
    margin-left: 3px;
    margin-right: 0px;
    padding: 0px; }
}

@media only screen and (min-width: 721px) and (max-width: 1280px){
.botonAltura div nav {
    margin: 1px;
    margin-left: 3px;
    margin-right: 0px;
    padding: 0px; }
}

#traductor {
	vertical-align: top;
	font-family:Bookman Old Style;
	color: #ffffff;
	font-weight: bold;
	padding-top: 15px;
}

button  {
	color: white;
	font-weight: bold;
	background-color: white;
	}

.btn {
  	margin: 0px;
  	border: 0px;
  	padding: 0px;
}

.btnTraductor {
  	line-height: .5px;
  	margin: 0px;
  	border: 0px;
  	padding: 0px;
  	height: 60px;
  	width: 320px;
}

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

.justificado {
	text-align: justify;
}

#botonDonar{
	border: 2px solid;
	border-color: blue;
	height: 70px;
	width: 200px;
}

input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		/*-moz-appearance: none;	Formato botón traductor*/
		/*-webkit-appearance: none;	Formato botón traductor*/
		/*-ms-appearance: none;		Formato botón traductor*/
		/*appearance: none;			Formato botón traductor*/
		background: #00ff00;	/*COLOR FONDO DE SELECCIONAR IDIOMA*/
		border: 100px;
		border-radius: 10px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
		border-color: #000000;
		color: #000000;		/*COLOR DE SELECCIONAR IDIOMA*/
		font-weight: 900;
		text-align: center;
		vertical-align: middle;
 		box-shadow-text-align: center;
		text-transform: uppercase;
		cursor: pointer;
		text-decoration: underline;
		display: block;
		outline: 0;
		padding: 0 1em;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			box-shadow: inset 0 0 0 2px #34a58e;
		}

	select {
		background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%2336383c' /%3E%3C/svg%3E);
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}

		select option {
			color: #ffffff;
			font-weight: bold;
			background: #660000;
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"]
	/*input[type="radio"]*/ {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label
		/*input[type="radio"] + label*/ {
			text-decoration: none;
			color: #a0a0a1;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: #34363b;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #34a58e;
			border-color: #34a58e;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			box-shadow: 0 0 0 2px #34a58e;
		}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

/* Móviles en vertical      
   ------------------------------------------------------------------------- /
@media (max-width: 480px) { }*/

@media only screen and (min-width: 1px) and (max-width: 209px)
    {
    header { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    }

@media only screen and (min-width: 210px) and (max-width: 240px)
    {
    header { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    }
    
@media only screen and (min-width: 241px) and (max-width: 319px)
    {
    header { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    }

@media only screen and (min-width: 320px) and (max-width: 480px)
    {
    header { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header nav div div { margin-left: 0px; border-left: 0px; padding-left: 0px; }
    header { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    header nav div div { margin-right: 0px; border-right: 0px; padding-right: 0px; }
    }

@media only screen and (min-width: 1px) and (max-width: 209px)
    {
    .margenIzq { margin-left: -20px; }
    }

@media only screen and (min-width: 210px) and (max-width: 240px)
    {
    .margenIzq { margin-left: -25px; }
    }
    
@media only screen and (min-width: 241px) and (max-width: 319px)
    {
    .margenIzq { margin-left: -30px; }
    }

@media only screen and (min-width: 320px) and (max-width: 480px)
    {
    .margenIzq { margin-left: -30px; }
    }

.alinearCentrado {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
	background-position: center center;
}

#formatoVisitas {
    width: 350px;
    height: 700px;
	padding: 10px;
	padding: 0px;
	border: 0px;
	margin: 0px;

}

.botonVisitas a {
	font-weight:bold;
	font-family: Bookman Old Style;
	font-size: 16.5px;
	font-style:normal;
	margin-top: 15px;
    text-decoration: none;
	text-align: center;
	text-shadow: rgba (120,0,0,0.5) 3px 3px 5px;
	color: hsla(120, 100%, 100%, 0.5);
    float: center;
    color: #f8f8f8;
    margin: 0 5px;
    padding: 3px;
    border: 1px solid #831608;
    background-color: none;
    background-image: linear-gradient(#000080, #0000FF);
    border-radius: 5px; 
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset; */
	}

.botonVisitas a:hover {
    background-color: #250bdf;
    background-image: linear-gradient(#000080, #0000FF);
	}

.botonVisitas a:active {
    background: #bb413b;
    position: relative;
    top: 2px;    
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
	}

#colorTexto {
    color: blue;
	}

.full-width {
	text-align: center;
	width: 100%;
	color: #fff;
	background-color: #660033;
	padding: 40px;
}