.error
{
	background-color: rgba( 255, 0, 0, .5)
}
#error
{
	color: red;
	margin: 0em;
}
form p{
	margin: 0em;
}

.alert-box{
	border-style:solid;border-width:1px;display:block;font-size:0.8125rem;font-weight:normal;margin-bottom:1.25rem;padding:0.875rem 1.5rem 0.875rem 0.875rem;position:relative;transition:opacity 300ms ease-out;background-color:#2ba6cb;border-color:#258faf;color:#fff
}
.alert-box .close{right:0.25rem;background:inherit;color:#FFFFFF;font-size:1.375rem;line-height:.9;margin-top:-0.6875rem;padding:0 6px 4px;position:absolute;top:50%}
/*.alert-box .close:hover,.alert-box .close:focus{opacity:0.5}*/
.alert-box.success{background-color:#315747;border-color:#508d1e;color:#fff}
/*.alert-box.alert-close{opacity:0}*/
.alert-box a{
	text-decoration: none;
}

nav #menu{
	position: fixed;
	width:100%;
}
nav #languages{
	float:right;
	position: relative;
	top: 50%;
	margin-top: -15px;
}
nav #languages a{
	float:left;
	line-height: 30px;
}
nav img{
	float:left;
	width: 30px;
	height: 30px;
}

#sublogo{
	position: relative;
	text-align: center;
	padding-top: 0.5em;
	background-color: white;
}
#sublogo > h2{
	font-size: 2em;
	vertical-align: middle;
	margin:0;
	padding: .5em 0 .5em 0;
	background-color: rgba(49,87,71,0.6);
	/*background-color: rgba(21, 28, 23, 0.7);
	background-color: rgba(49, 87, 71, 1);*/
	background-image: url("images/overlay.png"), url("images/highlight.png");
	background-position: top left, center center;
	background-size: auto, 100% 250%;
	background-repeat: repeat, no-repeat;
	color : white;
}
/*#sublogo > h2{
	font-size: 2em;
	vertical-align: middle;
	margin:0;
	padding: .5em 0 .5em 0;
}*/
#sublogo img{
	margin-top: 0.5em;
	margin-bottom: 1.3em;
}
#qrcode{
	width:14em;
	position: relative;
	left: 50%;
	margin-left: -7em;;
	
}
ul.special div.icon {
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	display: block;
	position: relative;
	background: #c1cac5;
	width: 12em;
	height: 12em;
	border-radius: 6em;
	outline: 0;
}
ul.special div.icon:before {
	position: absolute;
	width: 128px;
	height: 128px;
	font-size: 96px;
	line-height: 128px;
	left: 50%;
	top: 50%;
	margin-top: -64px;
	margin-left: -64px;
	color: #fff;
	text-align: center;
}
ul.special li:hover div.icon {
	/*background: #b9d2ce;*/
	background: #879996;
}
.ruta-text,
.nosotros-text{
	text-align: justify;
}
@media screen and (min-width: 737px){
	.row > *{
		padding: 50px 0 0 10px;
	}
}
@media screen and (max-width:736px){
#sublogo > h2{
	font-size: 2.6em;
	line-height: 2em;
	margin:0;
	display: none;
}
#sublogo img{
	width: 22em;
	padding-top: 3em;
}
}