@CHARSET "UTF-8";

/***** INICIO BASE PÁGINA*****/
html, body {
	height: 100%;	
}

body, h1, td, li, a {	
	font-family: "Montserrat", "Montserrat Black", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Light", "Montserrat Medium", "Montserrat SemiBold", "Montserrat Thin"sans-serif !important;
}

@media (min-width: 920px) {
	.dvPrincipal {
		margin: auto;
		min-height: 100%;
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	.dvPrincipal {
		box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5); 
		-moz-box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5);
		-webkit-box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5);
	}
}

@media (max-width: 920px) {
	.dvPrincipal {
		width: 100%;
		min-height: 100%;
		background-color: #fff;
	}
	
	.dvPrincipal {
		box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5); 
		-moz-box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5);
		-webkit-box-shadow: 1px 5px 14px rgba(102, 102, 102, 0.5);
	}
}

.dvBanner {
	z-index: 2;
	width: 100%;
	height: 100%;	
}

.ulLinea {
	z-index: 1;
	background-image: url("../img/ICONOS/linea.png");
	width: 100%;
	height: 100%;
	min-height: 30px;
	text-align: right;
	padding-top: 6px;
	padding-right: 60px;
	padding-bottom: 15px;
}

.ulLinea1 {
	z-index: 1;
	background-image: url("../img/ICONOS/linea1.png");
	width: 100%;
	height: 100%;
	min-height: 30px;
	text-align: right;
	padding-top: 6px;
}

.imgCarrusel1 {
	width: 100%;
	height: 100%;
	min-height: 150px;
	max-width: 1280px;
	max-height: 350px;
}

.dvPiePag {
	width: 100%;
	min-height: 50px;
	background-color: #511024;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.pBtnM {
	margin-top: 20px;
	margin-bottom: 85px;
}

.pBtnM1 {
	margin-top: 10px;
	margin-bottom: 45px;
}

REMA-B > ul{
	padding: 0px;
	margin: 0px;
}

@media (max-width: 920px) {
	.dvPrincipal1 {
		width: 100%;
		min-height: 100%;
		background-color: #fff;
		text-align: center;
	}
	
	.imgBtnMenu {
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 5px;
		margin-right: 5px;
		width: 98%;
		max-width: 180px;
		height: 54px;
	}
	
	.lnkBtnBanner:link {
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
	}
	
	.lnkBtnBanner:active {
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
	}
	
	.lnkBtnBanner:hover {
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
	}
	
	.lnkBtnBanner:active {
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
	}
	
	.spaText {
		color: #fff;
	}
}

@media (max-width: 992px) {	
	.dvPrincipal1 {
		width: 100%;
		min-height: 100%;
		background-color: #fff;
		text-align: center;
	}
	
	.imgBtnMenu {
		margin: 2px;
		width: 100%;		
		height: 54px;
	}
}
/***** FIN BASE PÁGINA*****/

/********** CONTENIDO **********/

@media (min-width: 920px) {
	.caja {
		margin: 20px auto;
		mini-height: 100%;
		max-width: 1000px;
		padding: 20px;
		background-color: #fff;
		text-align: justify;
		box-shadow: 0px 0px 10px 2px #ededed;
		-moz-box-shadow: 0px 0px 10px 2px #ededed;
		-webkit-box-shadow: 0px 0px 10px 2px #ededed;
		border-radius: 15px;
	}
	
	.caja1 {
		padding: 20px 20px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.caja1-1 {
		padding: 0 20px 20px 20px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.caja1-2 {
		padding: 0 20px 20px 7px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.tall1 {
		margin-top: 0;
		margin-bottom: 20px;
		border: 0;
		border-top: 3px solid #6A1B32;
	}
	
	.caja2 {
		margin-left: 20px;
		margin-right: 70px;
		background-color: #fff;
	}
	
	.caja2 > img{
		margin-left: 0;
		margin-right: 20px;
		background-color: #fff;
	}
	
	.caja3 {
		margin-top: 50px;
	}

	.titulo {
		color: #3c3c3b;
		text-align: left;
    	font-family: "Montserrat ExtraBold";
    	font-size: 20px;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
		
	.titulo1 {
		color: #641b31;
		text-align: center;
    	font-family: "Montserrat ExtraBold";
    	font-size: 18px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.titulo2 {
		color: #3c3c3b;
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 16px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.titulo3 {
		color: #3c3c3b;
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 12.5px;
	}
		
	div.gallery {
		border: 1px solid #ccc;
	}
	
	div.gallery img {
		width: 100%;
		height: auto;
	}
	
	div.gallery img {
		width: 100%;
		height: auto;
	}
	
	div.desc {
		padding: 15px;
		text-align: center;
		font-size: 11px;
	}
	
	* {
		box-sizing: border-box;
	}
	
	.responsive {
		padding: 0 6px 10px;
		float: left;
		width: 100.99999%;
		padding-bottom: 10%;
	}
	
	@media only screen and (max-width: 700px) {
		.responsive {
			width: 49.99999%;
			margin: 6px 0;
		}
	}
	
	@media only screen and (max-width: 500px) {
		.responsive {
			width: 100%;
		}
	}
	
	.button {
		background-color: #6A1B32; /* Green */
		border: none;
		color: white;
		padding: 6px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		margin: 4px 2px 20px;
		transition-duration: 0.4s;
		cursor: pointer;
	}
	
	.button1 {
		background-color: white; 
		color: black; 
		border: 2px solid #6A1B32;
	}
	
	.button1:hover {
		background-color: #6A1B32;
		color: white;
	}
	
	.button2 {
		background-color: #B17A44; 
		border: 2px solid #fff;
		border-radius: 10px;
	}
	
	.button2:hover {
		background-color: #3C3C3B;
		color: white;
	}
	
	.pBtn1 {
		background-color: #403f3d;
		min-height: 295px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 40px;
		font-size: 11px;
		color: #FFFFFF;
	}
	
	#overflowTest {
		padding: 10px;
		width: 100%;
		height: 530px;
		overflow: scroll;
		border: 1px solid #ccc;
		overflow: auto;
	}
	
	#overflowTest1 {
		padding: 10px;
		width: 100%;
		height: 582px;
		overflow: scroll;
		border: 1px solid #ccc;
		overflow: auto;
	}
	
	hr {
		margin-top: 0;
		margin-bottom: 10px;
		border: 0;
		border-top: 3px solid #B17A44;
	}
	
	.imgfoto{
		margin: 0 10px 0 0;
	}
	
	#imgIcon1 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 56px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon2 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 37px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon3 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 32px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon4 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 40px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon5 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 62px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	.texto2 {
		display: inline-flex;
      	vertical-align: middle;
	}
	
	.ptitulo{
		color: #fff;
		text-align: center;
    	font-family: "Montserrat ExtraBold";
    	font-size: 15px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pbutton {
		color: #fff; 
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 10px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.nomh4{
		color: #641b31; 
		text-align: left;
    	font-family: "Montserrat Black";
    	font-size: 17px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pPuesto{
		color: #AE7A44; 
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 11px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pDatos{
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 12px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.OIC {
		color: #AE7A44; 
		text-align: left;
    	font-family: "Montserrat Black";
    	font-size: 15px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.nomhOIC {
		color: #641b31; 
		text-align: left;
    	font-family: "Montserrat SemiBold";
    	font-size: 13px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pDatosOIC {
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 12px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.cat-item > a {
		color: #641b31;
		font-family: "Montserrat Medium";
    	font-size: 14px;
		text-decoration: none;
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item > a:hover {
		color: #3C3C3B;
		font-family: "Montserrat Medium";
    	font-size: 14px;
		text-decoration: none;
		font-style: oblique;	
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item1 > a {
		color: #641b31;
		font-family: "Montserrat Medium";
    	font-size: 16px;
		text-decoration: none;
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item1 > a:hover {
		color: #3C3C3B;
		font-family: "Montserrat Medium";
    	font-size: 16px;
		text-decoration: none;
		font-style: oblique;	
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.nav-tabs {
		border-color: #eee;
		font-family: "Montserrat Medium";
    	font-size: 11px;
	}

	.nav-tabs > li > a {
		font-weight: 600;
		color: #666;
		padding: 8px 14px;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		border: 1px solid #ccc;
		border-bottom: none;
		box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		-o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
  		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		list-style: none;
	}

	.nav-tabs > li > a i {
		margin-right: 1px;
		padding-right: 5px;
		list-style: none;
		border-radius: 5px;
	}

	.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
		color: #fff;
		border-color: #6A1B32;
		background-color: #6A1B32;
		box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		-o-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
  		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		list-style: none;
		border-radius: 5px;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border-color: #eee;
		border-radius: 10px;
		border-bottom-color: #6A1B32;
		background-color: #6A1B32;
		color: #fff;
		list-style: none;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
		box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		-o-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		-moz-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
 	 	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		list-style: none;
	}
	
	
	.imgt {
		transition: .3s ease;
	}
	
	.imgt:hover {
		transform: scale(1.03);
	}
	
	.texto {
		font-size: 20px;
		text-align: justify;
	}
	
	.texto1 {
		font-size: 14px;
		text-align: center;
	}
	
	table, td {
		border:1px solid #ccc;
	}
	
	table {
		border-collapse: collapse;
		width: 100%;
	}
	
	td {
        padding: 10px 23px;
	}
	
	.cierreX {
		background-color: #6A1B32;
		font-size: 12px;
		color: #fff;
		border-radius: 1px solid #6A1B32;
	}

	.colorM {
		background-color: #6A1B32;
		color: #fff;
		text-align: center;
	}
	
	.colorD {
		background-color: #B17A45;
		color: #fff;
		text-align: center;
	}
	
	.colorM1 {
		background-color: #6A1B32;
		color: #fff;
		text-align: center;
		border-radius: 30px 30px 0px 0px;
		padding: 10px;
		margin: 0px;
	}
	
	.colorB {
		background-color: #fff;
	}
	
	.colorB > a {
		color: #6A1B32;
		text-decoration: none;
	}
	
	.colorB > a:hover {
		color: #3D3D3B;
		text-decoration: none;
	}
	
	.colorB1 {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		list-style-type: none;
		text-align: justify;  
		cursor: pointer;
	}
	
	.colorB1 > a {
		color: #6A1B32;
		text-decoration: none;
		cursor: pointer;
	}
		
	.colorC {
		background-color: #F5F4F5;
	}
	
	.colorC > a {
		color: #6A1B32;
		text-decoration: none;
	}
	
	.colorC > a:hover {
		color: #3D3D3B;
		text-decoration: none;
	}
	
	.EYC {
		display: inline;
		background-color: #B07A44;
		color: #fff;
		padding: 20px;
		border-radius: 5px;
		border: 1px solid #B07A44;
		box-sizing: content-box;
		width: 42%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.EYC1 {
		background-color: #fff;
		padding-top: 45px;
		padding-right: 30px;
		padding-bottom: 40px;
		padding-left: 50px;
		font-size: 12px;
		border: 1px solid #ccc;
		box-sizing: content-box;
		width: 70%;
		margin-top: -5px;
		text-align: justify;
	}
	
	#cajaJCI {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: content-box;
		width: 30%;
		margin-top: 40px;
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.JCI {
		color: #3C3C3B;
		font-size: 20px;
	}
	
	.JCI1 {
		margin-top: 40px;
		margin-left: 50px;
	}
	
	.colorB2 { /*******JCI*******/
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 10px;
		box-sizing: content-box;
		padding: 10px;
		width: 60%;
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-type: none;
	}
	
	.colorB21 { /*******JCI*******/
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 10px;
		box-sizing: content-box;
		padding: 10px;
		width: 80%;
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-type: none;
	}
	
	.CEA {
		background-color: #E0E0E0;
		color: #3C3C3B;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #E0E0E0;
		box-sizing: content-box;
		width: 100%;
	}
	
	.CEA1 {
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 0px;
		padding-top: 5px;
		font-size: 13px;
		box-sizing: content-box;
		width: 100%;
		margin-right: 90px;
		margin-bottom: none;
	}
	
	.btn-group button {
		background-color: #fff; /* Green background */
		border: 1px solid #ccc; /* Green border */
		color: #3c3c3b; /* White text */
		padding: 10px 10px; /* Some padding */
		cursor: pointer; /* Pointer/hand icon */
		width: 100%; /* Set a width if needed */
		display: block; /* Make the buttons appear below each other */
	}
	
	.btn-group button:not(:last-child) {
		border-bottom: none; /* Prevent double borders */
	}
	
	/* Add a background color on hover */
	.btn-group button:hover {
		background-color: #B07A44;
		color: #fff;
		text-decoration: none;
	}
	
	.TOIC {
		background-color: #E0E0E0;
		color: #6A1C32;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #E0E0E0; 
		box-sizing: content-box;
		width: 97%;
	}
	
	.caja-TOIC {
		background-color: #C6C6C6;
		padding: 30px 0 30px 0;
		width: 100%;
	}
	
	.boletin {
		font-size: 12px;
		color: #6a1c32;
		margin: 0 5px 5px 5px;
		text-align: center;
		list-style-type: none;
		text-decoration: none;
	}
	
	.boletin:hover {
		color: #000000;
		text-align: center;
		list-style-type: none;
		text-decoration: none;
	}
	
	.B-responsive {
		padding: 0 6px 10px;
		float: left;
		width: 33.3%;
		padding-bottom: 5%;
	 }
	
	div.B-gallery {
		border: 1px solid #ccc;
	}
	
	div.B-gallery img {
		width: 100%;
		height: auto;
	}
	
	div.B-gallery img {
		width: 100%;
		height: auto;
	}
}

/********** RESPONSIVE **********/

@media (max-width: 920px) {
	.caja {
		margin: 20px auto;
		mini-height: 100%;
		max-width: 1000px;
		padding: 20px;
		background-color: #fff;
		text-align: justify;
		box-shadow: 0px 0px 10px 2px #ededed;
		-moz-box-shadow: 0px 0px 10px 2px #ededed;
		-webkit-box-shadow: 0px 0px 10px 2px #ededed;
		border-radius: 15px;
	}
	
	.caja1 {
		padding: 20px 20px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.caja1-1 {
		padding: 0 20px 20px 20px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.caja1-2 {
		padding: 0 20px 20px 7px;
		background-color: #fff;
		text-align: justify;
		border: 2px solid #ccc;
	}
	
	.tall1 {
		margin-top: 0;
		margin-bottom: 20px;
		border: 0;
		border-top: 3px solid #6A1B32;
	}
	
	.caja2 {
		margin-left: 20px;
		margin-right: 70px;
		background-color: #fff;
	}
	
	.caja2 > img{
		margin-left: 0;
		margin-right: 20px;
		background-color: #fff;
	}
	
	.caja3 {
		margin-top: 50px;
	}

	.titulo {
		color: #3c3c3b;
		text-align: left;
    	font-family: "Montserrat ExtraBold";
    	font-size: 20px;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
		
	.titulo1 {
		color: #641b31;
		text-align: center;
    	font-family: "Montserrat ExtraBold";
    	font-size: 18px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.titulo2 {
		color: #3c3c3b;
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 16px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.titulo3 {
		color: #3c3c3b;
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 12.5px;
	}
		
	div.gallery {
		border: 1px solid #ccc;
	}
	
	div.gallery img {
		width: 100%;
		height: auto;
	}
	
	div.gallery img {
		width: 100%;
		height: auto;
	}
	
	div.desc {
		padding: 15px;
		text-align: center;
		font-size: 11px;
	}
	
	* {
		box-sizing: border-box;
	}
	
	.responsive {
		padding: 0 6px 10px;
		float: left;
		width: 100.99999%;
		padding-bottom: 10%;
	}
	
	@media only screen and (max-width: 700px) {
		.responsive {
			width: 49.99999%;
			margin: 6px 0;
		}
	}
	
	@media only screen and (max-width: 500px) {
		.responsive {
			width: 100%;
		}
	}
	
	.button {
		background-color: #6A1B32; /* Green */
		border: none;
		color: white;
		padding: 6px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 4px 2px 20px;
		transition-duration: 0.4s;
		cursor: pointer;
	}
	
	.button1 {
		background-color: white; 
		color: black; 
		border: 2px solid #6A1B32;
	}
	
	.button1:hover {
		background-color: #6A1B32;
		color: white;
	}
	
	.button2 {
		background-color: #B17A44; 
		border: 2px solid #fff;
		border-radius: 10px;
	}
	
	.button2:hover {
		background-color: #3C3C3B;
		color: white;
	}
	
	.pBtn1 {
		background-color: #403f3d;
		min-height: 800px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 40px;
		font-size: 11px;
		color: #FFFFFF;
	}
	
	#overflowTest {
		padding: 10px;
		width: 100%;
		height: 450px;
		overflow: scroll;
		border: 1px solid #ccc;
		overflow: auto;
	}
	
	hr {
		margin-top: 0;
		margin-bottom: 10px;
		border: 0;
		border-top: 3px solid #B17A44;
	}
	
	.imgfoto{
		margin: 0 10px 0 0;
	}
	
	#imgIcon1 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 56px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon2 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 37px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon3 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 32px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon4 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 40px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	#imgIcon5 {
		float: left;
		margin-right: 12px;
		overflow: hidden;
		width: 62px;
		height: 20px;
		background-repeat: no-repeat;
	}
	
	.texto2 {
		display: inline-flex;
      	vertical-align: middle;
	}
	
	.ptitulo{
		color: #fff;
		text-align: center;
    	font-family: "Montserrat ExtraBold";
    	font-size: 15px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pbutton {
		color: #fff; 
		text-align: center;
    	font-family: "Montserrat Medium";
    	font-size: 10px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.nomh4{
		color: #641b31; 
		text-align: left;
    	font-family: "Montserrat Black";
    	font-size: 17px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pPuesto{
		color: #AE7A44; 
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 11px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pDatos{
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 12px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.OIC {
		color: #AE7A44; 
		text-align: left;
    	font-family: "Montserrat Black";
    	font-size: 15px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.nomhOIC {
		color: #641b31; 
		text-align: left;
    	font-family: "Montserrat SemiBold";
    	font-size: 13px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.pDatosOIC {
		text-align: left;
    	font-family: "Montserrat Medium";
    	font-size: 12px;
		margin: 0 0 0 0;
		overflow: hidden;
	}
	
	.cat-item > a {
		color: #641b31;
		font-family: "Montserrat Medium";
    	font-size: 14px;
		text-decoration: none;
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item > a:hover {
		color: #3C3C3B;
		font-family: "Montserrat Medium";
    	font-size: 14px;
		text-decoration: none;
		font-style: oblique;	
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item1 > a {
		color: #641b31;
		font-family: "Montserrat Medium";
    	font-size: 16px;
		text-decoration: none;
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.cat-item1 > a:hover {
		color: #3C3C3B;
		font-family: "Montserrat Medium";
    	font-size: 16px;
		text-decoration: none;
		font-style: oblique;	
		list-style: none;
		text-align: justify;
		list-style-type: none;
	}
	
	.nav-tabs {
		border-color: #eee;
		font-family: "Montserrat Medium";
    	font-size: 11px;
	}

	.nav-tabs > li > a {
		font-weight: 600;
		color: #666;
		padding: 8px 14px;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		border: 1px solid #ccc;
		border-bottom: none;
		box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		-o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
  		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		list-style: none;
	}

	.nav-tabs > li > a i {
		margin-right: 1px;
		padding-right: 5px;
		list-style: none;
		border-radius: 5px;
	}

	.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
		color: #fff;
		border-color: #6A1B32;
		background-color: #6A1B32;
		box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		-o-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
  		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
		list-style: none;
		border-radius: 5px;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border-color: #eee;
		border-radius: 10px;
		border-bottom-color: #6A1B32;
		background-color: #6A1B32;
		color: #fff;
		list-style: none;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
		box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		-o-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		-moz-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
 	 	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
		list-style: none;
	}
	
	
	.imgt {
		transition: .3s ease;
	}
	
	.imgt:hover {
		transform: scale(1.03);
	}
	
	.texto {
		font-size: 20px;
		text-align: justify;
	}
	
	.texto1 {
		font-size: 14px;
		text-align: center;
	}
	
	table, td {
		border:1px solid #ccc;
	}
	
	table {
		border-collapse: collapse;
		width: 100%;
	}
	
	td {
        padding: 10px;
	}
	
	.cierreX {
		background-color: #6A1B32;
		font-size: 12px;
		color: #fff;
		border-radius: 1px solid #6A1B32;
	}

	.colorM {
		background-color: #6A1B32;
		color: #fff;
		text-align: center;
	}
	
	.colorD {
		background-color: #B17A45;
		color: #fff;
		text-align: center;
	}
	
	.colorM1 {
		background-color: #6A1B32;
		color: #fff;
		text-align: center;
		border-radius: 30px 30px 0px 0px;
		padding: 10px;
		margin: 0px;
	}
	
	.colorB {
		background-color: #fff;

	}
	
	.colorB > a {
		color: #6A1B32;
		text-decoration: none;
	}
	
	.colorB > a:hover {
		color: #3D3D3B;
		text-decoration: none;
	}
	
	.colorB1 {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		list-style-type: none;
		text-align: justify;  
		cursor: pointer;
	}
	
	.colorB1 > a:hover {
		color: #3D3D3B;
		text-decoration: none;
		cursor: pointer;
	}
		
	.colorC {
		background-color: #F5F4F5;
	}
	
	.colorC > a {
		color: #6A1B32;
		text-decoration: none;
	}
	
	.colorC > a:hover {
		color: #3D3D3B;
		text-decoration: none;
	}
	
	.EYC {
		display: inline;
		background-color: #B07A44;
		color: #fff;
		padding: 20px;
		border-radius: 5px;
		border: 1px solid #B07A44;
		box-sizing: content-box;
		width: 42%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.EYC1 {
		background-color: #fff;
		padding-top: 45px;
		padding-right: 30px;
		padding-bottom: 40px;
		padding-left: 50px;
		font-size: 12px;
		border: 1px solid #ccc;
		box-sizing: content-box;
		width: 70%;
		margin-top: -5px;
		text-align: justify;
	}
	
	#cajaJCI {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: content-box;
		width: 30%;
		margin-top: 40px;
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.JCI {
		color: #3C3C3B;
		font-size: 20px;
	}
	
	.JCI1 {
		margin-top: 40px;
		margin-left: 50px;
	}
	
	.colorB2 { /*******JCI*******/
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 10px;
		box-sizing: content-box;
		padding: 10px;
		width: 60%;
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-type: none;
	}
	
	.colorB21 { /*******JCI*******/
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 10px;
		box-sizing: content-box;
		padding: 10px;
		width: 80%;
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-type: none;
	}
	
	.CEA {
		background-color: #E0E0E0;
		color: #3C3C3B;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #E0E0E0;
		box-sizing: content-box;
		width: 100%;
	}
	
	.CEA1 {
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 0px;
		padding-top: 5px;
		font-size: 12px;
		box-sizing: content-box;
		width: 100%;
		margin-right: 90px;
		margin-bottom: none;
	}
	
	.btn-group button {
		background-color: #fff; /* Green background */
		border: 1px solid #ccc; /* Green border */
		color: #3c3c3b; /* White text */
		padding: 10px 10px; /* Some padding */
		cursor: pointer; /* Pointer/hand icon */
		width: 100%; /* Set a width if needed */
		display: block; /* Make the buttons appear below each other */
	}
	
	.btn-group button:not(:last-child) {
		border-bottom: none; /* Prevent double borders */
	}
	
	/* Add a background color on hover */
	.btn-group button:hover {
		background-color: #B07A44;
		color: #fff;
		text-decoration: none;
	}
	
	.TOIC {
		background-color: #E0E0E0;
		color: #6A1C32;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #E0E0E0; 
		box-sizing: content-box;
		width: 97%;
	}
	
	.caja-TOIC {
		background-color: #C6C6C6;
		padding: 30px 0 30px 0;
		width: 100%;
	}
	
	.boletin {
		font-size: 12px;
		color: #6a1c32;
		margin: 0 5px 5px 5px;
		text-align: center;
		list-style-type: none;
		text-decoration: none;
	}
	
	.boletin:hover {
		color: #000000;
		text-align: center;
		list-style-type: none;
		text-decoration: none;
	}
	
	.B-responsive {
		padding: 0 6px 10px;
		float: left;
		width: 33.3%;
		padding-bottom: 5%;
	 }
	
	div.B-gallery {
		border: 1px solid #ccc;
	}
	
	div.B-gallery img {
		width: 200%;
		height: auto;
	}
	
	div.B-gallery img {
		width: 200%;
		height: auto;
	}
}