body {
  margin:0px;
  padding:0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  background-color: #fdfdfd;
  text-align: justify;
}

img{
  border: none;
}

label {
	text-align: left;
}

.hasDatepicker {
	border: 1px solid #cacaca;
	width: 100%;
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: .5rem
}

.content {
  text-align: left;
  padding:  0px;
  margin-top: 0px;
  min-width:640px;
  width: 100% !important;
}

/******************************************************** CABECERA PRINCIPAL ********************************************************************/
.topHeader::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right,  #313233 0%,#313233 30%, #cc0000 30%, #cc0000 70%, #313233 70%,#313233 90%, #cc0000 90%) repeat scroll 0 0;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.topHeader {
  padding-bottom: 0px;
  color: #777777;
  padding-top: 0px;
  margin-bottom: 3em;
  margin-top: 0px;
  /*background: rgba(0, 0, 0, 0) url("https://intranet.upv.es/intupv2k7/images/fondo_banner.gif") no-repeat scroll right top;*/
  background: #d43b3b none repeat scroll 0 0;
  clear: both;
  min-width: 640px;
  padding-top: 0;
  width: 100%;
  line-height: unset !important;
  height: 95px !important;
  border-top: 6px solid transparent;   
}

.topHeader .row {
	max-width: 100% !important;
}

.topHeader h1 {
  font-size: 200% !important;
  width: auto !important;
  padding-top: 12px;
  padding-left: 45px;
  padding-right: 0px;
  padding-bottom: 5px;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: #ffffff;
  font-weight: bold;
  float: top !important;
  color: white !important;
}

.large-3  span {
	color: white !important;
    font-weight: normal;
    text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:10px !important;
}
.large-3  a {
	color: white !important;
    font-weight: normal;
    text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:10px !important;
}


a {
    text-decoration: none;
    font-weight: bold;
	color: #4b4b4b !important;
}

/************************************************************** BARRA DE MENÚ HORIZONTAL *****************************************************************/
.gray-menu-bar {
	background-color: rgba(47, 97, 140, 0.9) !important;
	border-top: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid;
}
.gray-menu-bar a {
	color: white !important;
}

/*************************************************************** TÍTULOS  *****************************************************************/
h2.title {
  font-size: 170% !important;
  color: #204362 !important;
  width: auto !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: none;
}

h3 {
  font-size: 100%;
  color: #4b4b4b;
  width: auto !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #204362;

}

h4 {
	text-decoration: underline !important;
}

h6 {
	color: #821902 !important;
}	

h3.title {
    color: #555555;
    font-size: 1.3em !important;
    background-color: #EEEEEE;
    border: 0 !important;
}	

h1:not(.topHeader) .title{
	color: #445 !important;
	font-weight: bold !important;
}


/*************************************************************** BOTONES  *****************************************************************/
button {
	background-color: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
    margin: 2px !important;
	margin-bottom: 20px !important;
    font-family: Arial, Verdana !important;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-align: center !important;
    cursor: pointer !important;
	padding: 10px 10px !important;
}

a.button {
	background-color: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
    margin: 2px !important;
	margin-bottom: 20px !important;
    font-family: Arial, Verdana !important;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-align: center !important;
    cursor: pointer !important;
	padding: 10px 10px !important;
	background-color: #4e4e4e !important;
}

.button {
	background-color: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
    margin: 2px !important;
	margin-bottom: 20px !important;
    font-family: Arial, Verdana !important;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-align: center !important;
    cursor: pointer !important;
	padding: 10px 10px !important;
	background-color: #4e4e4e !important;
}

.button.success {
	background-color: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
    margin: 2px !important;
	margin-bottom: 20px !important;
    font-family: Arial, Verdana !important;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-align: center !important;
    cursor: pointer !important;
	padding: 10px 10px !important;
	background-color: #4e4e4e !important;
}

.button.tiny {
	background-color: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
    margin: 2px !important;
	margin-bottom: 20px !important;
    font-family: Arial, Verdana !important;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-align: center !important;
    cursor: pointer !important;
	padding: 10px 10px !important;
	background-color: #4e4e4e !important;
}

.activo {
	cursor: default;
    font-style: normal;
	background: #d43b3b !important;
    border: 1px solid #d43b3b !important;  
}

.inactivo {
	cursor: default;
    font-style: normal;
	background: #4e4e4e !important;
    border: 1px solid #4e4e4e !important;
}


/*************************************************************** COMENTARIOS  *****************************************************************/


form[name="form-busqueda"] > table {
    margin-bottom: 20px !important;
}

.jquery-modal .header {
	background: none !important;
	height: auto !important;
}

textarea {
   font-family: inherit;
   font-size: inherit;
}

/***************************************************** REUNIONES ******************************************************************/
.reunion .detalle {
    color: #3E3B3B !important;
}

.tab-reuniones {
	color: white !important;
	background: #4e4e4e !important
}

/*************************************************************** VOTACIONES TELEMÁTICAS  *****************************************************************/

.resultados {
	max-height:300px;
	overflow: auto;
	margin-left: 0;
	margin_right: 0;
	width: 90%;
	border: 1px solid #a8a8a8;
	padding-top: 5px;
	padding-bottom: 5px;
}
.resultados:empty {
	border: none;
}

.punto--info {
	background-color: #faf8f8 !important;
}

.punto-wrapper {
	background-color: #faf8f8 !important;
}

.votacion-info-punto h5 {
  font-size: 1.1rem !important;
  color: #154c79 !important;
}

.punto-orden-votacion h6 {
	font-size: 0.9rem !important;
}

.subpuntos_container h5 {
	font-size: 1.2rem !important;
	color: #154c79  !important;
	margin-top: 1rem !important;
}

.punto-container__info h5 {
	font-size: 1.1rem !important;
	color: #154c79  !important;
}

.punto-voters-container h5 {
	font-size: 1.1rem !important;
	color: #154c79  !important;
}