/*********************************************/
/*****                                   *****/
/*****  Documento CSS                    *****/
/*****                                   *****/
/*****  Fecha: 21/01/2019                *****/
/*****  Autor: Lcda. Dayan Betancourt    *****/
/*****                                   *****/
/*********************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto');

/*********************************************/
/*****        Etiquetas Globales         *****/
/*********************************************/
body {
	font-family: 'Roboto', sans-serif;
}

h1 {
	font-size: 1.7em;
}

a.gris {
	color: #9F9F9F;
}

.form-control {
	background-clip: border-box;
	border-radius: 0;
}

.btn {
	border-radius: 35px;
	font-size: .9em;
	padding: .5em 1em;
	text-transform: uppercase;
}

.rounded {
	border-radius: 18px !important;
}

.btn-secondary {
  color: #FFFFFF;
  background-color: #EF4823;
  border-color: #EF4823;
}

.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle, 
.btn-secondary:hover {
  color: #EF4823 !important;
  background-color: transparent;
  border-color: #EF4823;
}

.btn-outline-light:not(:disabled):not(.disabled).active, 
.btn-outline-light:not(:disabled):not(.disabled):active, 
.show>.btn-outline-light.dropdown-toggle, 
.btn-outline-light:hover {
	color: #EF4823 !important;
  background-color: transparent;
  border-color: #EF4823;
}

.btn-outline-secondary {
	border-color: #EF4823;
	color: #EF4823;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, 
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-secondary.dropdown-toggle,
.btn-outline-secondary:hover {
  color: #FFFFFF;
  background-color: #EF4823;
  border-color: #EF4823;
}

.bg-secondary {
  background-color: #C4C4C4 !important;
}

.separador {
	border: 2px solid #C4C4C4;
}

.fondo_gris {
  background-color: #EEEEEE;
  padding: 1em;
}

thead tr {
  background-color: #1E7FCE;
  color: #FFFFFF;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9;
}

.form-control {
	background-color: #EEEEEE;
	border-color: #EEEEEE;
}

.title-naranja {
	color: #EF4823;
	font-weight: bold;
}

.letra_peq {
	font-size: 12px;
}

.card-user .card-body {
	padding: 1rem;
}

.card-user .fa-ul {
	margin-left: 1.2rem;
}

/*********************************************/
/*****               Header              *****/
/*********************************************/
#header {
	padding: 0;
}

#header .top-home {
	background-color: #E5E5E5;
	background-image: url("../img/headerHome.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF;
	padding-bottom: 3em;
}

#header .top {
	background-color: #E5E5E5;
	background-image: url("../img/header.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF;
	padding-bottom: 2em;
}

#header .login {
	background-color: rgba(0, 0, 0, 0.2);
}

#header .logo, #header .buttons {
	padding: 1em;
	text-align: center;
	vertical-align: middle;
}

#header .buttons .btn {
	margin-left: .6em;
}

#header .form {
	padding-top: 2em;
}

#header .title-home {
	background-color: #E5E5E5;
	text-align: right;
}

#header .title {
	background-color: #E5E5E5;
}

#header .title a, #header .title h1 {
	color: #EF4823;
	font-weight: bold;
}

#header h1 {
	font-weight: bold;
}

#header a {
	color: #FFFFFF;
}

/*********************************************/
/*****            Menu Sesion            *****/
/*********************************************/
#menuSesion .nav-item {
	background-color: #616161;
	padding: 0 1em;
}

#menuSesion .nav-item:not(:last-child) {
	border-right: 1px solid #C4C4C4;
}

/*********************************************/
/*****                Main               *****/
/*********************************************/
#main {
	margin: 2em 0;
}

/*********************************************/
/*****             Congresos             *****/
/*********************************************/
#congresos .congreso {
	padding: 1.5em 0;
}

#congresos .congreso:not(:last-child) {
	border-bottom: 3px solid #C4C4C4;
}

#congresos .congreso h4, #congresos .congreso h4 a {
	color: #000000;
	font-weight: bold;
	margin: 1em 0;
}

#congresos .congreso .info {
	color: #9F9F9F;
}

/*********************************************/
/*****               Ficha               *****/
/*********************************************/
.ficha .foto img {
	border: 3px solid #C4C4C4;
}

.ficha .info {
	color: #9F9F9F;
}

.ficha .info h4 {
	color: #000000;
}

.ficha .info p {
	margin-bottom: .2em;
}

/*********************************************/
/*****               Footer              *****/
/*********************************************/
#footer {
	padding: 0;
}

#footer h1 {
	font-weight: bold;
}

#footer p {
	margin-bottom: .5em;
}

#footer .contact {
	background-color: #000000;
	color: #FFFFFF;
	padding-bottom: 1em;
}

#footer .contact .logo {
	margin-bottom: 60px;
	max-width: 200px;
}

#footer .contact .form {
	text-align: center;
}

#footer .rights {
	background-color: #2B2B2B;
	color: #9F9F9F;
	font-size: .8em;
	padding: 4em 0 1em;
	text-align: center;
}

#footer .rights a {
	color: #9F9F9F;
}

#footer form .form-control {
	background-color: #242424;
	border-color: #242424;
}

/*********************************************/
/*****           Media Queries           *****/
/*********************************************/
@media screen and (min-width: 576px) {
	/**********    Small    **********/
}

@media screen and (min-width: 768px) {
	/**********    Medium   **********/
	#header .buttons {
		text-align: right;
	}

	#congresos .congreso .imagen {
		padding-left: 0;
	}

	#congresos .congreso .info {
		padding-right: 0;
	}

	#congresos .congreso h4 {
		margin-top: 0;
	}
}

@media screen and (min-width: 992px) {
	/**********    Large    **********/
}