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

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

*{
	margin:0px;
	padding:0px;
}

body{
	background:#CCC;
}

.general{
	margin:20px auto;
	width:90%;
	background:#FFF;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	border-radius:20px;
	display:flex;
	flex-flow: column nowrap;
}

.logotipo img{
	width:40%;
	display:block;
	margin:10px auto;
}

nav{
	display:flex;
	flex-flow:row nowrap;
	align-content:space-between;
	font-family:arial;
	font-weight:bolder;
}

.item{
	width:25%;
	height:50px;
	line-height:50px;
	text-align: center;
}

.item a{
	text-decoration:none;
	color:#EEE;
	display:block;
	background: rgba(31,84,143,1);
	background: -moz-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,84,143,1)), color-stop(100%, rgba(0,47,123,1)));
	background: -webkit-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -o-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -ms-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: linear-gradient(to bottom, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f548f', endColorstr='#002f7b', GradientType=0 );
}

.item a:hover{
	background: rgba(226,81,117,1);
	background: -moz-linear-gradient(top, rgba(226,81,117,1) 0%, rgba(255,16,43,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,81,117,1)), color-stop(100%, rgba(255,16,43,1)));
	background: -webkit-linear-gradient(top, rgba(226,81,117,1) 0%, rgba(255,16,43,1) 100%);
	background: -o-linear-gradient(top, rgba(226,81,117,1) 0%, rgba(255,16,43,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,81,117,1) 0%, rgba(255,16,43,1) 100%);
	background: linear-gradient(to bottom, rgba(226,81,117,1) 0%, rgba(255,16,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25175', endColorstr='#ff102b', GradientType=0 );

	-webkit-box-shadow: 6px 6px 24px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 6px 6px 24px 0px rgba(0,0,0,0.5);
	box-shadow: 6px 6px 24px 0px rgba(0,0,0,0.5);
}

section{
	display:flex;
	flex-flow:column nowrap;
}

.container{
	display:block;
	margin:auto;
	text-align:center;
}

.titular{
	text-align:center;
	font-family:"belwe";
	font-size:2em;
	margin:20px 0px;
}

.text{
	width:70%;
	margin:20px auto;
	text-align:justify;
}

.text p{
	margin-bottom:10px;
}


.mySlides img{
	height:400px;
}

.flechas{
	color:#fff;
	background-color:#000;
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
}

footer{
	font-size: 0.9em;
	margin-top:10px;
	text-align:center;
	padding:10px 0px;
	display:flex;
	flex-flow:row nowrap;
	border-radius:0px 0px 20px 20px;

	background: rgba(31,84,143,1);
	background: -moz-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,84,143,1)), color-stop(100%, rgba(0,47,123,1)));
	background: -webkit-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -o-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: -ms-linear-gradient(top, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	background: linear-gradient(to bottom, rgba(31,84,143,1) 0%, rgba(0,47,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f548f', endColorstr='#002f7b', GradientType=0 );

}

.adds{
	width:20%;
}

address{
	width:70%;
}

address a{
	font-weight:bold;
	color:#AF0;
	text-decoration:none;
}

address a:hover{
	color:#AF0000;
	transition:1s;
	font-size:1.02em;
}

@media (max-width: 800px){
	
nav{
	flex-flow:column;
}

.item{
	width:100%;
}

section{
	flex-flow:column;
}

.text{
	width:80%
}

footer{
	flex-flow:column;
}

.adds{
	width:100%;
	align-self:center;
}
address{
	width:100%;
	margin-top:10px;
	text-align:center;
}
}