/* @override 
	http://localhost:8888/assets/css/style.css */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
 
 /*FONTS*/
 @font-face {
   font-family: 'Gotham-Medium';
   src: url('./fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('./fonts/Gotham-Medium.otf')  format('opentype'),
 	     url('./fonts/Gotham-Medium.woff') format('woff'), url('./fonts/Gotham-Medium.ttf')  format('truetype'), url('./fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Gotham-Book';
   src: url('./fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('./fonts/Gotham-Book.otf')  format('opentype'),
 	     url('./fonts/Gotham-Book.woff') format('woff'), url('./fonts/Gotham-Book.ttf')  format('truetype'), url('./fonts/Gotham-Book.svg#Gotham-Book') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Gotham-Bold';
   src: url('./fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('./fonts/Gotham-Bold.otf')  format('opentype'),
 	     url('./fonts/Gotham-Bold.woff') format('woff'), url('./fonts/Gotham-Bold.ttf')  format('truetype'), url('./fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Gotham-Black';
   src: url('./fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('./fonts/Gotham-Black.otf')  format('opentype'),
 	     url('./fonts/Gotham-Black.woff') format('woff'), url('./fonts/Gotham-Black.ttf')  format('truetype'), url('./fonts/Gotham-Black.svg#Gotham-Black') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
/* END RESET */
html {
	font-size: 62.5%;
}
body {
	width: 100%;
	min-width: 1200px;
	background-color: white;
	font-family: sans-serif;
	font-size: 1.2rem;
	font-family: Gotham-Medium;
}
#content {
	width: 100%;
}
.wrap {
	margin: auto;
	width: 1200px;
	padding: 0 15px;
	box-sizing: border-box;
}
h1 {
	font-family: Gotham-Black;
	font-size: 3.6rem;
}
h2 {
	font-family: Gotham-Black;
	font-size: 3.4rem;
	color: #1f2480;
}
h3{
	font-size: 2.4rem;
}
h4 {
	font-family: Gotham-Bold;
	font-size: 1.7rem;
}
hr{
	border: dashed 1px red;
}
p{
	padding-bottom: 15px;
}
.title {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
.section {
	padding-top: 30px;
	width: 100%;
}
.button {
	font-size: 1.9rem;
	padding-right: 1em;
	padding-left: 1em;
	line-height: 41px;
	height: 38px;
	border-radius: 25px;
	text-transform: uppercase;
	cursor: pointer;
	font-family: Gotham-Black;
}
.button.black {
	color: white;
	background-color: black;
}
.button.pink {
	color: white;
	background-color: #dd0053;
}
a {
	text-decoration: none;
}
/*INICIO*/
#inicio {
	background: url('../img/cover-bg.jpg');
	background-size: cover;
	height: 717px;
}
#inicio header {
	width: 100%;
	padding: 30px 0;
}
#inicio header nav {
	font-family: Gotham-Medium;
	display: inline-block;
	margin-top: 10px;
}
#inicio header nav li {
	display: inline-block;
	float: left;
	padding: 0 20px;
}
#inicio header nav li a {
	font-size: 1.7rem;
	color:  white;
	border-top: 5px solid transparent;
	padding-top: 5px;
	text-decoration: none;
}
#inicio header nav li a.button{
	padding-top: 0px;
	border: none;
	display: block;
	top: -12px;
position: relative;
}
#inicio header nav li a:hover,
#inicio header nav li a.active { 
	border-top: 5px solid #cdcdcd;
}
#inicio header nav li a.button:hover{
	border: none;
}
#inicio header #logo {
	float: right;
	display: inline-block;
}
#inicio header #logo a {
	background-image: url(../img/logo.png);
	background-size: cover;
	width: 376px;
	height: 49px;
	display: inline-block;
}
#inicio #cover {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 180px;
}
#inicio #cover h1 {
	text-transform: uppercase;
	color: white;
	text-align: center;
}
#inicio #cover h1 span {
	width: 100%;
	background-color: #dd0053;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 3px;
}
#inicio #cover hr {
	height: 5px;
	border-style: none;
	background-color: #cdcdcd;
	width: 175px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#inicio #cover p {
	font-size: 1.8rem;
	text-align: center;
	color: white;
	line-height: 22px;
}
/*QUIENES SOMOS*/
#quienes-somos #cards{
	margin-top: 20px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}
#quienes-somos #cards .card {
	width: 33.333%;
	height: 400px;
	float: left;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
#quienes-somos #cards .card .imagen {
	width: 235px;
	height: 197px;
	display: block;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	cursor:zoom-in;
}
#quienes-somos #cards .card .imagen img {
	width: 100%;
}
#quienes-somos #cards .card .imagen .zoom {
	width: 28px;
	height: 28px;
	background-image: url(../img/zoom.png);
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: none;	
}
#quienes-somos #cards .card .imagen:hover .zoom {
	display: block;
}

#quienes-somos #cards .card h4 {
	font-weight: 800;
	margin-top: 15px;
	margin-bottom: 10px;
}
#quienes-somos #cards .card p {
	font-family: Gotham-Book;
	line-height: 17px;
	padding: 0;
}
#quienes-somos #cards .card a{
	color: black;
}
/*COMUNICADOS*/
#descargas {
	background-image: -webkit-linear-gradient(left, #141421 0%, #31333f 52.7%);
	background-image: -moz-linear-gradient(left, #141421 0%, #31333f 52.7%);
	background-image: -ms-linear-gradient(left, #141421 0%, #31333f 52.7%);
	background-image: linear-gradient(to right, #141421 0%, #31333f 52.7%);
	height: 767px;
	box-sizing: border-box;
	padding-top: 135px;
	color: white;
}
#descargas .bg{
	width: 600px;
	position: relative;
	margin-right: 55px;
	float: left;
	display: inline-block;
	margin-left: -20px;
	margin-top: -80px;
}
#descargas .bg img {
	width: 100%;
}
#descargas .container {
	float: left;
	display: inline-block;
	position: relative;
	width: 450px;
	margin-bottom: 40px;
}
#descargas .container h2 {
	color: white;
	text-align: left;
}
#descargas .container hr {
	width: 166px;
	height: 5px;
	float: left;
	border-style: none;
	background-color: #cdcdcd;
}
#descargas .container ul.listado {
	float: left;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 32px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	height: 390px;
}
#descargas .container ul.listado li {
	font-size: 1.7rem;
	padding-left: 19px;
	clear: left;
	margin-bottom: 13px;
	position: relative;
	font-family: Gotham-Bold;
}
#descargas .container ul.listado li:before {
	content: "";
	width: 7px;
	background-color: #dd0053;
	position: absolute;
	left: 0;
	top: 5px;
	height: 7px;
}
#descargas .container ul.listado li a{
	color: white;
}
#descargas .container ul.listado li a:hover{
	text-decoration: underline;
}
#descargas .container .foot-gradient {
	background-image: -webkit-linear-gradient(top, rgba(48, 50, 62, 0) 0%, #30323f 100%);
	background-image: -moz-linear-gradient(top, rgba(48, 50, 62, 0) 0%, #30323f 100%);
	background-image: -ms-linear-gradient(top, rgba(48, 50, 62, 0) 0%, #30323f 100%);
	background-image: linear-gradient(to bottom, rgba(48, 50, 62, 0) 0%, #30323f 100%);
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	bottom: 0;
}
/*CONTACTO*/
#contacto {
	width: 100%;
	float: left;
	display: inline-block;
	padding-bottom: 40px;
	font-family: Gotham-Black;
}

#contacto .wrap {
	width: 660px;
}
#contacto h2 {
	margin-bottom: 40px;
}

#contacto .col-6 {
	width: 50%;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
}
#contacto form {
	text-align: center;
}
#contacto form .input-group {
	font-size: 1.4rem;
	width: 100%;
	float: left;
	display: inline-block;
	margin-bottom: 7px;
	text-align: left;
}
#contacto form .input-group label {
	color: #dd0053;
	width: 25%;
	float: left;
}
#contacto form .input-group input {
	border-bottom: 1px solid black;
	width: 75%;
}
#contacto form .button {
	margin-top: 28px;
	margin-bottom: 20px;
}
#contacto #info-contacto {
	text-align: center;
	padding-top: 10px;
	float: left;
	display: inline-block;
}
#contacto #info-contacto p {
	float: left;
	display: inline-block;
}

#contacto #info-contacto a {
	color: #dd0053;
}
#contacto #info-contacto a.button {
	color: white;
	position: relative;
	top: 35px;
	display: block;
}
/*MAPS*/
#g-maps {
	height: 415;
	float: left;
	width: 100%;
	display: inline-block;
}
/*FOOTER*/
footer {
	width: 100%;
	float: left;
	display: inline-block;
	background-image: -webkit-linear-gradient(left, #1c357e 0%, #505cff 100%);
	background-image: -moz-linear-gradient(left, #1c357e 0%, #505cff 100%);
	background-image: -ms-linear-gradient(left, #1c357e 0%, #505cff 100%);
	background-image: linear-gradient(to right, #1c357e 0%, #505cff 100%);
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}
footer #logo a {
	background: url(../img/logo.png) no-repeat;
	background-size: contain;
	width: 315px;
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
footer nav {
	margin: 20px auto 50px;
	width: 385px;
	padding-bottom: 10px;
}
footer nav li {
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1.4rem;
	color: white;
}
footer nav li a {
	font-family: Gotham-Medium;
	color: white;
}
footer nav li a:hover {
	text-decoration: underline;
}

footer .copy {
	color: rgba(255, 255, 255, 0.6);
}
footer .footer-bg {
	background: url(../img/footer-bg.png) 0 0 no-repeat;
	width: 161px;
	height: 196px;
	position: absolute;
	left: 140px;
	top: -14px;
}
/*PAGE*/
#inicio.page{
	height: 110px;
}
.page__content{
	padding: 25px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
}
.page__content--profile{width: 20%;padding: 0 20px;box-sizing: border-box;float: left;}
.page__content--text{
	width: 80%;
	float: left;
}
.page__content--text h4{padding: 15px 0;}
.page__content--text p{font-size: 1.4rem;line-height: 1.3;}
.page__content--text ul{padding-left: 25px;list-style: initial;}
.page__content--text ul li{margin: 10px 0;}

.doc2018 {
	background:#4CAF50; 
	cursor:pointer;
	color:#FFFFFF;
	padding:15px 10px !important;
	position:absolute;
	
}

.d2018 {
	background:#4CAF50; 
	color:#FFFFFF;
	padding:12px 34px !important;
	margin: 0px 0 0px 0px;
}
.cent {
	margin-left:200px;
}

/* css de la tabla html */

#thead .thead {
	color: white;
	text-align: left;
}
.tr tr {
	width: 166px;
	height: 5px;
	float: left;
	border-style: none;
	background-color: #cdcdcd;
}
.tr tr ul.listado {
	float: left;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 32px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	height: 390px;
}
#descargas .container ul.listado li {
	font-size: 1.7rem;
	padding-left: 19px;
	clear: left;
	margin-bottom: 13px;
	position: relative;
	font-family: Gotham-Bold;
}
#descargas .container ul.listado li:before {
	content: "";
	width: 7px;
	background-color: #dd0053;
	position: absolute;
	left: 0;
	top: 5px;
	height: 7px;
}
#descargas .container ul.listado li a{
	color: white;
}
#descargas .container ul.listado li a:hover{
	text-decoration: underline;
}

td {font-size: 1.3rem;}