/* FONTS */
@font-face {
	font-family: 'Futura';
	src: url('../../../includes/fonts/futura.eot');
	src: local('☺'),
		url('../../../includes/fonts/futura.woff') format('woff'),
		url('../../../includes/fonts/futura.ttf') format('truetype'),
		url('../../../includes/fonts/futura.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cooper';
	src: url('../../../includes/fonts/fonts/cooper.eot');
	src: local('Cooper'),
		url('../../../includes/fonts/cooper.woff') format('woff'),
		url('../../../includes/fonts/cooper.ttf') format('truetype'),
		url(../../../includes/fonts/cooper.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* HTML */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: 'Futura', sans-serif;
	color: #333;
	font-size: 16px;
}

h1 {
	font-family: 'Cooper';
	font-size: 2em;
	color: #E20613;
	margin-top: 30px;
	margin-botton: 5px;
}

h3 {
	font-size: 1.5em;
	color: #622599;
	margin-top: 30px;
	margin-botton: 5px;
}

p {
	text-align:justify;
	margin-top: 10px;
}

/* LINKS */
a{
	text-decoration: none;
}
a:link, a:visited{
	color: #622599;
}
a.btn:link, a.btn:visited{
	color:#FFF;
}
a:hover, a:active {
	color: #E20613;
}

.btn-primary, .alert-primary {
	color: #FFF;
	background-color: #622599;
	border-color: #622599;
	font-weight: bold;
}

.btn-primary:hover, .btn-primary:active {
	background-color: #E20613;
	border-color: #E20613;
}

iframe{
  width: 100%;
  height: 580px;
  border: none;
  margin: 0;
  padding: 0;
}

canvas {
	display: block;
	position: relative;
	margin:30px auto;
	background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 1px #622599;
  cursor:crosshair; 
}

/* BOOTSTRAP */
.modal-header{
  background-color: #622599;
}



/* HEADER */
header{
	background: url(../../../elementos/header_fondo.png) repeat-x;
}

header .container img#logos{
  max-width: 360px;
  max-height: 162px
}

header h1{
	font-size: 4em;
	color: #FFF;
  margin-top: 30px;
  margin-bottom: 0;
}

header h3{
	font-size: 2em;
	color: #622599;
  margin-top: 17px;
  margin-bottom: 0;
}


/* MENÚ */
nav {
	background-color: #622599;
  width: 100%;
	background: #622599;
	border-bottom: solid 4px #E20613;
}

.navbar{
  padding: 0px;
}

a.nav-link:link, a.nav-link:visited{
	color: #FFF;
	font-weight: bold;
  padding: 8px 20px !important;
  
}

a.nav-link:hover, a.nav-link:active{
	color: #E20613;
	background-color: #FFF;
}

button.navbar-toggler {
  color: #FFF;
}

button.navbar-toggler:hover, button.navbar-toggler:active {
  background-color: #622599;
  color: #FFF;
}


/*Listados*/
table.listado {
	width:100%;
	border-collapse: collapse;
	margin:10px auto;
}
table.listado tr{
	margin: 0 5px;
	border-bottom:solid 1px #CCCCCC;
}
table.listado th{
	text-align:center;
	color:#E20613;
	font-weight:bold;
	border-top:solid 1px #CCCCCC;
	padding:5px;
}
table.listado td{
	padding:5px;
}

table.listado .centro {
	text-align:center;
}

/*FOOTER*/
footer{
	background: #622599;
	margin: 20px auto 0 auto;
	padding: 20px 0;
	color: #FFF;
}
footer ul {
	display: block;
	clear:both;
	list-style: none;
	text-align: center;
	margin: 30px 0 0 0;
	width:100%;
}
footer ul li{
	display: inline-block;
	text-align: center;
	border:none;
	border-left: solid 1px #FFF;
	padding: 0 10px;
	font-size: 0.8em;	
}
footer ul li:first-child{
	border-left: none;
}
footer a:link, footer a:visited{
	color: #FFF;
}
footer a:hover, footer a:active{
	color: #E20613;
}


/*FORMULARIOS*/
label {
	color: #622599;
}


/*RESPONSIVE*/

@media screen and (max-width:992px) {
  header h1{
    font-size: 3.5em;
    color:  #622599;
    margin-top: 10px;
  }
  header h3{
    margin-top: 5px;
  }
}


@media screen and (max-width:576px) {
	
  
}