@charset "utf-8";
/* CSS Document */
/*body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;}*/

html{
	font-family:sans-serif;}

#contieneOic, #principalOic{
	padding:0px 45px;}

#contieneOic #idTemaQuienes, #contieneOic #idTemaQuienesBis{
	font-size:20px;
	text-transform: uppercase;
	color:#5b5b5f;
	font-weight:bold;
	}

#contieneOic #idTemaQuienes img, #contieneOic #idTemaQuienesBis img{
	margin:15px 15px 30px 15px;
	float:left;
	width:65px;
	height:65px;
	}
#contieneOic #idTemaQuienes span{
	margin:30px 15px 30px 0;
	float:left;
	}

#contieneOic #idTemaQuienesBis span{
	margin:20px 15px 30px 0;
	float:left;
	}


#contieneOic ul.menuconocenos li {
	list-style-type:none;
	line-height:35px;}

#contieneOic ul.menuconocenos li img{
	margin-left:5px;}

#contieneOic li a.enlace-conocenos{
	color:#5b5b5f;
	cursor: pointer;
	font-size:18px;}

#contieneOic li a.enlace-conocenos-icono{
	width:11px;
	height:15px;
	background: url(https://www.ift.org.mx/sites/default/files/vinetaoic.png) no-repeat right;}

#contieneOic #tablaAtribuciones{
	border-collapse:collapse;
	width:80%;
	}

#contieneOic #tablaAtribuciones th{
	background-color: #006822;
	color:#fff;
	text-align:center;
	}

#contieneOic #tablaAtribuciones th.autoridad{
	width:45%;
	font-size:18px;
	padding:15px 0;
	font-weight:bold;
	}

#contieneOic #tablaAtribuciones th.items{
	width:25%;
	font-size:11px;
	padding:10px;
	}

#contieneOic #tablaAtribuciones td{
	padding:20px;
	color:#222;
	text-align:center;
	font-size:12px;
	line-height:20px;
	}

#contieneOic #tablaAtribuciones td a{
	color:#006822;
	}

#contieneOic #tablaAtribuciones td a:hover{
	color:#79787a;
	text-decoration:underline;
	cursor:pointer;
	}

#contieneOic .modal-dialog-oic{
	/*height:600px;
	overflow-y:scroll;*/
	}

#contieneOic .modal-oic h4{
	color:#006822;
	/*text-transform:capitalize;*/
	}

#contieneOic .modal-oic .modal-body-oic{
	font-size:12px;
	padding:20px 60px;
	}

#contieneOic .modal-oic a.btnNext{
	color:#006822;
	background: url(https://www.ift.org.mx/sites/default/files/vinetaoic.png) no-repeat right;
	font-weight:bold;
	padding-right:20px;
	text-decoration:none;
	cursor:pointer;}

#contieneOic .modal-oic a.btnNext:hover{
	color:#79787a;
	background: url(https://www.ift.org.mx/sites/default/files/vinetaoicgrisr.png) no-repeat right;
	font-weight:bold;
	text-decoration:underline;	}

#contieneOic .modal-oic a.btnPrev{
	color:#006822;
	background: url(https://www.ift.org.mx/sites/default/files/vinetaoicl.png) no-repeat left;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;
	cursor:pointer;
	float:left;}

#contieneOic .modal-oic a.btnPrev:hover{
	color:#676869;
	background: url(https://www.ift.org.mx/sites/default/files/vinetaoicgrisl.png) no-repeat left;
	font-weight:bold;
	text-decoration:underline;	}

#contieneOic .contMision{
	clear:both;
	background-color:#676869;
	margin-bottom:30px;
	margin-right:20px;}

#contieneOic .imgmisionvision{
	margin:100px 10px 0;}

#contieneOic .imgaefr{
	margin:50px 10px 0;}

#contieneOic .contMision .titMisVis{
	color:#FFF;
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px 0 10px;
	}

#contieneOic .contMision .bodyMisVis{
	color:#FFF;
	padding:0 0 15px;
	}

#contieneOic .titContacto, #contieneOic .titObligaciones, #contieneOic .titOblig, #contieneOic .contieneArchivos, #contieneOic .titAtencion, #contieneOic .bodyDeclaracion, #contieneOic .bodyArchivos, #contieneOic .bodySitios, #contieneOic .mainPage, #contieneOic #atencion  {
	clear:both;
	}

#contieneOic div.contieneArchivos li{
	list-style-type:none;
	padding-left:20px;}

#contieneOic div.contieneArchivos li:last{
	padding-bottom:30px;}

#contieneOic div.titAtencion{
	font-size:16px;
	font-weight:bold;
	margin:40px 0 15px;
	color:#5b5b5f;}

#contieneOic .titObligaciones{
	/*font-size:16px;*/
	font-weight:bold;
	margin:20px 0 15px;
	color:#006822;}

#contieneOic .titOblig{
	/*font-size:16px;*/
	font-weight:bold;
	margin:20px 0 15px;
	color:#006822;}

#contieneOic .titObligaciones:hover{
	text-decoration:underline;
	}

#contieneOic .titContacto{
	font-size:16px;
	margin:20px 0 15px;
	color:#5b5b5f;}


#titOic{
	width:100%;
	margin:20px auto;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#006822;
	text-transform:uppercase;
	}

#iconoOic{
	width:200px;
	height:150px;
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#5b5b5f;
	text-align:center;}

#iconoOic:hover{

	}

/*#iconoOic span{;
	padding-top:110px;}*/

#iconoOic img{
	width:100px;
	height:100px;
	margin:10px 50px;
	margin-bottom:10px;
	}
#iconoOic a{
	cursor:pointer;}

#iconoOic a, #iconoOic a:active, table #estructuraai tr td a, table #estructuraai tr td a:active{
    color: #79787a;
    text-decoration: none;
}

#iconoOic a:hover, table #estructuraai tr td a:hover{
    text-decoration: none;
}

#contieneOic a, #iconoOic span, #contieneOic a.enlace-conocenos{
    color: #686769;
    padding-bottom: 2px;
    position: relative;
    text-decoration: none !important;
}
#contieneOic a:after, #iconoOic span:after, #contieneOic a.enlace-conocenos:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		border-bottom: 2px solid #686769 /*79787a 3366FF*/;
		margin-bottom: 1px;
		padding-bottom: -3px;
		transition: 0.4s;
	}
#contieneOic a.enlace-conocenos-int{
    color: #79787a;
    padding-bottom: 2px;
    position: relative;
	background: url(../img/vinetaOic.png) right no-repeat;
    text-decoration: none !important;
	cursor:pointer;
}
#contieneOic a.enlace-conocenos-int:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		border-bottom: 2px solid #686769/*3366FF*/;
		margin-bottom: 1px;
		padding-bottom: -3px;
		transition: 0.4s;
	}
#contieneOic a.ext{
    background: url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/link-external.png") no-repeat scroll right center / 14px auto;
}

#contieneOic a[href*="ift.org.mx"] {
    background: rgba(0, 0, 0, 0) url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/link-internal.png") no-repeat scroll right center / 14px auto;
}
#contieneOic a[href$=".pdf"] {
	font-family:Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0) url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/pdf.png") no-repeat scroll right center / 12px auto;
}
#contieneOic a[href$=".doc"] {
	font-family:Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0) url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/word.png") no-repeat scroll right center / 12px auto;
}
#contieneOic a[href$=".docx"] {
	font-family:Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0) url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/word.png") no-repeat scroll right center / 12px auto;
}
#contieneOic a[href$="www.dof.gob.mx/"] {
    background: rgba(0, 0, 0, 0)  url("https://www.ift.org.mx/sites/all/themes/bootstrap/templates/uer-assets/img/iconos/link-external.png") no-repeat scroll right center / 14px auto;
}

#contieneOic li a {
    line-height: 25px;
}
#contieneOic a {
    /*background: rgba(0, 0, 0, 0) url(../img/link-ext.png) no-repeat scroll right center / 14px auto;*/
    color: #686769;
    padding-bottom: 2px;
    padding-right: 19px;
    position: relative;
    text-decoration: none !important;
	font-size:14px;
}

#contieneOic #quejas #caption-title-atencion{
	color:#79787a;
	background-image:none;
	font-size:16px;
	font-weight:bold;
		}

#contieneOic #quejas div.panel-body, #contieneOic #quejas div.panel-body{
	line-height:20px;
	padding:10px 20px 15px;
	margin-bottom:15px;	}

#contieneOic a.art {
    /*background: rgba(0, 0, 0, 0) url(../img/link-ext.png) no-repeat scroll right center / 14px auto;*/
    color: #333333;
    padding-bottom: 2px;
    padding-right: 0px;
    position: relative;
    text-decoration: none !important;
	font-size:14px;
}


#contieneOic a:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		border-bottom: 2px solid #676869/*3366FF*/;
		margin-bottom: -3px;
		padding-bottom: -3px;
		transition: 0.4s;
	}

#contieneOic a:hover {
	text-decoration: none;
}

	#contieneOic a:hover:after {
		width: 100%;
	}


#contieneOic * {
    transition: all 500ms ease-out 0s;
}


#iconoOic span:hover, #contieneOic a.enlace-conocenos:hover {
	text-decoration: none;
}

#iconoOic span:hover:after, #contieneOic a.enlace-conocenos:hover:after {
		width: 100%;
	}


#iconoOic *, #contieneOic * {
    transition: all 500ms ease-out 0s;
}

#contieneOic .panel-default-oic{
	border-color:transparent;
	border-shadow:transparent;
	padding:0px;
	margin:0px;
	}

#contieneOic .panel-default-oic > .panel-heading{
	background-color:transparent;
	border-color: transparent;
	border-shadow:tranparent;
	padding:0px;
	margin:0px;}

#contieneOic .panel-body{
	background-color:transparent;
	border-color: transparent;
	border-shadow:tranparent;
	margin:0;
	padding:0 0 10px;
	border-bottom: #79787a solid 1px;
	}

#contieneOic .panel-group {
	background-color:transparent;
	border-color: transparent;
	border-shadow:tranparent;
	margin:0 0 15px;
	padding:0px;
	}


#contieneOic.preguntas-frecuentes .panel-body{
	padding:15px !important;
}

#contieneOic.preguntas-frecuentes .panel-title a{
	color: #fff !important;
}
#contieneOic #caption-title span, #contieneOic #caption-title span:active, #contieneOic #caption-title span:focus{
	color:#006822;
	background-color:transparent;
	border-color: transparent;
	border-shadow:transparent;
	background:url(https://www.ift.org.mx/sites/default/files/vinetaoicdown.png) right no-repeat;
	padding-right:25px;
	}

#contieneOic .advertencia{
	background-color:#006822;
	color:#fff;
	padding:20px 25px;}

#contieneOic .advertencia a{
	background-color:#fff;
	color:#006822;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
	padding:0px;}

#contieneOic .advertencia > p:nth-child(1) > a:nth-child(2){
	background-color:#fff;
	padding:1px;
	margin:1px;
	background-image:none !important;}

#contieneOic .advertencia > p:nth-child(1) > a:nth-child(1){
	background-color:#fff;
	padding:1px;
	margin:1px;
	background-image:none !important;}

#contieneOic .textoEscondido{
	float:left;}
#contieneOic .hide {
  display: none;
}
#contieneOic tab{
	margin:20px 0 0 50px;
	}
#contieneOic #declaracion {
	clear:both;
	float:left;
	margin:0px 100px 20px;}

#contieneOic .view {
	margin:5px;
   	float: left;
	overflow: hidden;
   	position: relative;
   	text-align: center;
	width:210px;
	height:249px;
}

#contieneOic  .viewsm {
	margin:10px;
   	float: left;
	overflow: hidden;
   	position: relative;
   	text-align: center;
	width:167px;
	height:100px;
}

#contieneOic .viewobs {
   	background: url(../img/obsequio.png) #fff no-repeat center center;
}

#contieneOic .viewproced {
   	background: url(../img/proced.png) #fff no-repeat center center;
}

#contieneOic .viewquejas {
   	background: url(../img/quejas.png) #fff no-repeat center center;
}

#contieneOic .viewsuj {
   	background: url(../img/sujetos.png) #fff no-repeat center center;
}

#contieneOic .viewtip {
   	background: url(../img/tipos.png) #fff no-repeat center center;
}

#contieneOic .viewreq {
   	background: url(../img/requerimientros.png) #fff no-repeat center center;
}

#contieneOic .viewpres {
   	background: url(../img/sitio_ift.png) #fff no-repeat center center;
}

#contieneOic .viewpreguntas {
   	background: url(../img/preguntas_frecuentes.jpg) #fff no-repeat center center;
}

#contieneOic .viewinteres {
   	background: url(../img/conflicto-interes.png) #fff no-repeat center center;
}

#contieneOic .viewservsanc {
   	background: url(../img/spsancionados-01.jpg) #fff no-repeat center center;
}

#contieneOic .viewregres {
    background: url(../img/reg-res.png) no-repeat scroll center center;
}

#contieneOic .viewnormativididad {
   	background: url("../img/normatividad declaraciones.jpg");
   	background-repeat:  no-repeat;
   	background-position: center;
}
#contieneOic .view-declaranet {
   	background: url("../img/declaranet_v2.jpg");
   	background-repeat:  no-repeat;
   	background-position: center;
}
#contieneOic .view-declaracionCorona {
   	background: url("../img/declaracionCoronavirus.jpg");
   	background-repeat:  no-repeat;
   	background-position: center;
}

#contieneOic .view-declaracionConsulta{
   	background: url("../img/consultaDecPat.jpg");
   	background-repeat:  no-repeat;
   	background-position: center;
   	background-size: cover;
}

#contieneOic .view-declaracionManual{
   	background: url("../img/ManualIFTDeclara.jpg");
   	background-repeat:  no-repeat;
   	background-position: center;
}

#contieneOic .view-versionPublica{
  background: url("../img/versionPublica.png");
  background-repeat:  no-repeat;
  background-position: center;
}

#contieneOic .viewt1 {
   	background: url(../img/leyes.jpg) #fff no-repeat center center;
}
#contieneOic .viewt2 {
   	background: url(../img/dof.jpg) #fff no-repeat center center;
}
#contieneOic .viewt3 {
   	background: url(../img/segob.jpg) #fff no-repeat center center;
}
#contieneOic .viewt4 {
   	background: url(../img/scjn.jpg) #fff no-repeat center center;
}
#contieneOic .viewt5 {
   	background: url(../img/tranpInt.jpg) #fff no-repeat center center;
}
#contieneOic .viewt6 {
   	background: url(../img/tranpMex.jpg) #fff no-repeat center center;
}
#contieneOic .viewt7 {
   	background: url(../img/inai.jpg) #fff no-repeat center center;
}
#contieneOic .viewt8 {
   	background: url(../img/infomex-logo.jpg) #fff no-repeat center center;
}
#contieneOic .viewt9 {
   	background: url(../img/asf.jpg) #fff no-repeat center center;
}
#contieneOic .viewt10 {
   	background: url(../img/sfp.jpg) #fff no-repeat center center;
}
#contieneOic .viewt11 {
   	background: url(../img/sfp-sancionados.jpg) #fff no-repeat center center;
}
#contieneOic .viewt12 {
   	background: url(../img/sfp-proveedores.jpg) #fff no-repeat center center;
}
#contieneOic .viewt13 {
   	background: url(../img/snf.jpg) #fff no-repeat center center;
}
#contieneOic .viewt14 {
   	background: url(../img/conac.jpg) #fff no-repeat center center;
}
#contieneOic .viewt15 {
   	background: url(../img/intosai.jpg) #fff no-repeat center center;
}
#contieneOic .viewt16 {
   	background: url(../img/coso.jpg) #fff no-repeat center center;
}
#contieneOic .viewt17 {
   	background: url(../img/imcp.jpg) #fff no-repeat center center;
}
#contieneOic .viewt18 {
   	background: url(../img/imco.jpg) #fff no-repeat center center;
}
#contieneOic .viewt19 {
   	background: url(../img/observatel.jpg) #fff no-repeat center center;
}
#contieneOic .viewt20 {
   	background: url(../img/imai.jpg) #fff no-repeat center center;
}
#contieneOic .viewt21 {
   	background: url(../img/coursera.jpg) #fff no-repeat center center;
}
#contieneOic .viewt22 {
   	background: url(../img/udacity.jpg) #fff no-repeat center center;
}
#contieneOic .viewt23 {
   	background: url(../img/academy.jpg) #fff no-repeat center center;
}
#contieneOic .viewt24 {
   	background: url(../img/sistema-naciona-anticorrupcion.jpg) #fff no-repeat center center;
}
#contieneOic .viewt25 {
   	background: url(../img/comite-de-participacion-ciudadana.jpg) #fff no-repeat center center;
}

#contieneOic .view a{
	width:100%;
	height:300px;
	background: rgba(0, 0, 0, 0.8);
	opacity:0;
	float:left;
	padding:10px;
	margin-top:0px;
	font-size: 12px;
	position: relative;
	color: #fff;
	text-align: center;
	float:left;
	}

#contieneOic .viewsm a{
	width:100%;
	height:320px;
	background: rgba(0, 0, 0, 0.8);
	opacity:0.1;
	float:left;
	padding:10px;
	margin-top:0px;
	position: relative;
	color: #fff;
	text-align: center;
	float:left;
	}

#contieneOic .view a.primera{
	height:300px;
	font-size: 18px;
	padding-top:80px;
	}

#contieneOic .view a.segunda{
	height:300px;
	font-size: 18px;
	padding-top:40px;
	}

#contieneOic .view a.tercera{
	height:62px;
	font-size: 12px;
	}

#contieneOic .viewsm a.cuarta{
	height:100px;
	font-size: 12px;
	padding-top:30px;
	}

#contieneOic .view a:hover, #contieneOic .view a:focus{
	opacity:1;
	}

#contieneOic .viewsm a:hover, #contieneOic .viewsm a:focus{
	opacity:1;
	}

#contieneOic #mainPage .cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
#contieneOic #mainPage .cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* --------------------------------

Main components

-------------------------------- */


#contieneOic #mainPage #cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#contieneOic #mainPage #cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #7bb74c;
}
@media only screen and (min-width: 1170px) {
#contieneOic #mainPage #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
#contieneOic #mainPage #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

#contieneOic #mainPage .cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
#contieneOic #mainPage .cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
#contieneOic #mainPage .cd-timeline-block:first-child {
  margin-top: 0;
}
#contieneOic #mainPage .cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
#contieneOic #mainPage .cd-timeline-block {
    margin: 4em 0;
  }
#contieneOic #mainPage .cd-timeline-block:first-child {
    margin-top: 0;
  }
#contieneOic #mainPage .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

#contieneOic #mainPage .cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
}
#contieneOic #mainPage .cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
#contieneOic #mainPage .cd-timeline-img.cd-picture {
  background: #75ce66;
}
#contieneOic #mainPage .cd-timeline-img.cd-movie {
  background: #c03b44;
}
#contieneOic #mainPage .cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
#contieneOic #mainPage .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
#contieneOic #mainPage .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
#contieneOic #mainPage .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

#contieneOic #mainPage 100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
#contieneOic #mainPage .cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
 /* border-radius: 0.25em;*/
  padding:10px;
  border:solid 1px #9c9aa0;
 /* box-shadow: 0 3px 0 #d7e4ed;*/
}
#contieneOic #mainPage .cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
#contieneOic #mainPage .cd-timeline-content h2 {
  color: #303e49;
}
#contieneOic #mainPage .cd-timeline-content p, #contieneOic #mainPage .cd-timeline-content .cd-read-more a, #contieneOic #mainPage  .cd-timeline-content .cd-date {
  font-size: 14px;
 /* font-size: 0.8125rem;*/
}
#contieneOic #mainPage .cd-timeline-content .cd-read-more a, #contieneOic #mainPage .cd-timeline-content .cd-date {
  display: inline-block;
}
#contieneOic #mainPage .cd-timeline-content p {
  /*margin: 1em 0;*/
  line-height: 1.6;
}
#contieneOic #mainPage .cd-timeline-content .cd-read-more a{
  float: right;
  padding: .8em 1em;
  background: #7bb74c;
  color: white;
  color:#fff;
  cursor:pointer;
  text-transform:uppercase;
  /*border-radius: 0.25em;*/
}
#contieneOic #mainPage .no-touch .cd-timeline-content .cd-read-more a:hover {
  background-color: #bac4cb;
}
#contieneOic #mainPage .cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
#contieneOic #mainPage .cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
#contieneOic #mainPage .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
#contieneOic #mainPage .cd-timeline-content p {
    font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
    /*font-size: 1rem;*/
  }
#contieneOic #mainPage .cd-timeline-content .cd-read-more a, #contieneOic #mainPage .cd-timeline-content .cd-date {
    font-size: 14px;
    /*font-size: 0.875rem;*/
  }
}
@media only screen and (min-width: 1170px) {
#contieneOic #mainPage .cd-timeline-content {
    margin-left: 0;
    padding: 20px;
    width: 30%;
  }
#contieneOic #mainPage .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    /*border-color: transparent;
    border-left-color: white;*/
  }
#contieneOic #mainPage .cd-timeline-content .cd-read-more a {
    float: right;
  }
#contieneOic #mainPage .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
#contieneOic #mainPage .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
#contieneOic #mainPage .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
#contieneOic #mainPage .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more a {
    float: right;
  }
#contieneOic #mainPage .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
#contieneOic #mainPage .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
#contieneOic #mainPage .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
#contieneOic #mainPage .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

#contieneOic #mainPage 100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
#contieneOic #mainPage 0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

#contieneOic #mainPage 100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
#contieneOic #mainPage 0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

#contieneOic #mainPage 60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

#contieneOic #mainPage 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#contieneOic #mainPage #contieneAnio{
	margin:-25px 0 5px 0;
	text-align:center;
	color:#78797a;
	font-size:18px;
	font-weight:bold;
	background-color:#fff;
	padding:5px;}

#contieneOic #mainPage #contieneFecha{
	width:60px;
	height:60px;
	border-radius:30px;
	padding:12px;
	text-align:center;
	background-color:#4f7730;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;}

<style type="text/css">
	.carousel-images .offscreen {
		position: absolute;
		left: -999px;
		top: -30px;
		height: 2px;
		width: 2px;
		overflow: hidden;
	}

	.carousel-images a img {
		border: none;
	}

	.carousel-images {
		margin: 0 auto;
		width: 600px;
	}

	.carousel-images .imagegroup {
		text-align: center;
		overflow: hidden;
	}

	.carousel-images .imagegroup {
		width: 600px;
		overflow: none;
		height: 240px;
	}

	.carousel-images .imagegroup ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		width: 2250px;
	}

	.carousel-images .imagegroup li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}

	.carousel-images .controls {
		text-align: center;
		clear: both;
	}

	.carousel-images .controls ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.carousel-images .controls li {
		display: inline-block;
		height: 28px;
		width: 28px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.carousel-images .controls li a {
		height: 26px;
		overflow: hidden;
		padding: 0;
		margin: 0;
		display: inline - block;
	}

	.carousel-images .controls li img {
		padding: 5px;
		display: inline - block;
	}

	.carousel-images .controls li img[role = button]: hover,
	.carousel-images .controls li img[role = button]: focus,
	.carousel-images .controls li img[role = button]: active,
	.carousel-images .controls li a: hover,
	.carousel-images .controls li a: focus,
	.carousel-images .controls li a: active {
		cursor: pointer;
		outline: 1px solid #9fb4fa;
		background: # f7f9ff;
	}

	.carousel-images #playPauseButton: hover {
		border: 0 !important;
		margin: 0px;
	}