/*************estilos para contenedor ***********/
*{
	border: 0;
	margin: 0;
	/*padding: 0;*/
}

.diapositivas{
	
	display: block;
	margin: 0 auto;
	width: 800px;
}




/*************estilos para diapositivas ***********/
.columna{
	background: #fff;
	border-radius: 0.5em;
	color: #2f434e;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.25em;
	opacity:.80;
	vertical-align: top;
}


.parrafo{
	background: #fff;
	border-radius: 0.5em;
	color: #11252e;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.25em;
	opacity:.80;
}

.pFlotante{
	color: #fff;
	font-size: 1.5em;
	/*-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;*/
	text-shadow: 0 0 0.2em #2f434e, 0 0 0.2em #2f434e, 0 0 0.2em #2f434e;
	transition: all 0.5s ease-in;
}
.pFlotante:hover{
	color: #10252e;
	cursor: default;/*pointer;*/
	/*-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;*/
	/*text-shadow: none;*/
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	transition: all 0.5s ease-out;
}

.tituloD{
	color: #a1224b; 
	font-size: 2em;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
}

.voz{display: inline-block; width: 100%;}
.voz table{border-collapse: collapse; width: 100%;}

.actividadD{
	background: #4e6172;
	border: 0.1em solid #1a2a32;
	border-radius: 0.5em;
	color: #fff;
	font-size: 1.5em;
	display: block;
	padding: 0.5em;
	/*-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;*/
	transition: all 0.5s ease-in;
}
.actividadD:hover{
	background: #10252e;	
	color: #6f98ae;
	/*-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;*/
	transition: all 0.5s ease-out;
}

.ulDiapositivas {padding-left: 15px;}

.tBordeSolido{
	border-collapse: collapse;
}
.tBordeSolido td, .tBordeSolido th{
	border: solid;
}



/********************** diapositiva 0 ****************/
#listaContenido{
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	width: 70%;
}

#listaContenido li:hover{
	color: #0b1921;
	cursor: pointer;
}
#listaContenido li{
	padding: 0.12em;
}
/**********************diapositivas 1***************/
#articulo1d1{
	display: inline-block;
	width: 80%;
}
#tabla1d1{width: 100%;}
#articulo1d1 td{text-align: center;}
#actividad1d1, #actividad2d1, #actividad3d1, #actividad4d1{display: inline-block;}
#actividad1d1, #actividad2d1{min-width:15%;}

#textoFlotante1d1, #textoFlotante2d1{position: absolute;left: 52%;}
#textoFlotante2d1{left: 40%;}

/*************diapositivas 2******************/
#articulo1d2{display: inline-block; width: 80%;}
#tabla1d2{width: 100%;}
#tabla1d2 img{min-width: 75%;}
#actividad1d2, #actividad2d2, #actividad3d2, #actividad4d2, #textoFlotante1d2{display: inline-block;}
#actividad1d2:hover, #actividad2d2:hover, #actividad3d2:hover{cursor: pointer;}

/************diapositivas 3******************/
#articulo1d3{display: inline-block; width: 80%;}
#tabla1d3{width: 100%;}
#tabla1d3 img{min-width: 75%;}
#tabla1d3 td{width: 33%;}
#actividad1d3, #actividad2d3, #actividad3d3{display: inline-block; min-width: 50%;}


#textoFlotante1d3{
	font-size: 1em;
	position: absolute;
	left: 43%;
	top: 45%;
}
#textoFlotante2d3{
	font-size: 1em;
	position: absolute;
	left: 42%;
	top: 63%;
}

/************ diapositiva 4 ***********************/
#actividad1d4{
	font-size: 1.2em;
	position: absolute;
	left: 8%;
	top: 25%;
}

#imagen1d4{
	position: absolute;
	left: 26%;
	max-width: 9%;
	top: 42%;
}
#imagen2d4{
	position: absolute;
	left: 50%;
	max-width: 15%;
	top: 25%;
}
#imagen3d4{
	position: absolute;
	left: 44%;
	max-width: 15%;
	top: 62%;
}
#imagen4d4{
	position: relative;
	left: 35%;
	max-width: 15%;
	top: 30%;
}

#actividad2d4{
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	left: 37%;
	top: 47%;
}

#actividad3d4{
	font-size: 1.2em;
	position: absolute;
	left: 65%;
	top: 25%;
}

#textoFlotante1d4{
	font-size: 1em;
	position: absolute;
	left: 50%;
	top: 20%;
}
#textoFlotante2d4{
	font-size: 1em;
	position: absolute;
	left: 50%;
	top: 36%;
}
#textoFlotante3d4{
	font-size: 1em;
	position: absolute;
	left: 45%;
	top: 75%;
}


#articulo1d4{
	font-size: 0.8em;
	position: absolute;
	left: 5%;
	max-width: 20%;
	text-align: left;
	top: 36%;
}

#articulo2d4{
	font-size: 0.8em;
	position: absolute;
	left: 60%;
	max-width: 35%;
	text-align: left;
	top: 36%;
}

#tabla1d4 td, #tabla1d4 th{
	width: 30%;
}
table .tSinBorde{
	border-style: hidden hidden hidden solid;
}
/************ diapositivas 5 *************************/
#articulo1d5{
	display: inline-block;
	text-align: center;
}

#actividad1d5, #actividad4d5{
	position: relative;
	display: inline-block;
	text-align: center;
}
#actividad1d5, #actividad2d5, #actividad3d5, #actividad4d5{border-radius: 3em;}
/************diapositivas 6 *********************/
#articulo1d6{display: inline-block; text-align: center;}
#actividad1d6, #actividad2d6, #actividad3d6, #actividad4d6, #actividad5d6{
	position: relative;
	display: inline-block;
	text-align: center;
}
#actividad3d6{border-radius: 2em;}
/************* diapositivas 7 *********************/
#lista1d7 li{
	display: inline-block;	
	width: 30%;
	vertical-align: top;
}

#imagen1d7{width: 100%;}

#actividad1d7, #actividad2d7, #actividad3d7{font-size: 1em;}

/************* diapositivas 8 *******************/
#tabla1d8 td, #tabla1d8 th{
	color: #000;
	width: 22%;
}
#articulo1d8,#articulo2d8{width: 80%;}
#imagen1d8{
	position: relative;
	left: 5%;
	width: 90%;	
}

/************* diapositivas 9 *********************/
#imagen1d9{
	font-weight: bold;
	left: 5%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 60%;
	width: 13%;
}
#imagen2d9{
	font-weight: bold;
	left: 18%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 53%;
	width: 13%;
}
#imagen3d9{
	font-weight: bold;
	left: 31%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 46%;
	width: 13%;
}
#imagen4d9{
	font-weight: bold;
	left: 44%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 39%;
	width: 13%;
}
#imagen5d9{
	font-weight: bold;
	left: 57%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 32%;
	width: 13%;
}
#imagen6d9{
	font-weight: bold;
	left: 70%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 25%;
	width: 13%;
}
#imagen7d9{
	font-weight: bold;
	left: 83%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 18%;
	width: 13%;
}
#imagen8d9{
	font-weight: bold;
	left: 70%;
	position: absolute;
	text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
	top: 57%;
	width: 25%;
}

/*************** diapositiva 10 *******************/
#articuloPrincipioCOBIT{display: inline-block; width: 55%;}
#imgPrincipioCOBIT{width: 100%;}
.enfoqueCOBIT{color: #e94433; font-size: 1em;position: absolute;}

#textoFlotanteRNegocio{left: 41%; top: 23%;}
#textoFlotanteRTI{left: 58%; top: 56%;}
#textoFlotantePTI{left: 26%; top: 56%;}
/************* diapositivas 11 ********************/
#articulo1d11{display: inline-block; width: 95%;}
#articulo1d11 #tabla1d10{width: 100%;}
#tabla1d11{
	border-collapse: separate;
	border-spacing: 2em;
}
#tabla1d11 td{text-align: left;}


/************diapositivas 12************************/
#articulo1d12{display: inline-block; width: 85%;}
#tabla1d12{width: 100%;}
#tabla1d12 img{width: 100%;}
#tabla1d12 td{text-align: left;}
/************diapositivas 13************************/

/************diapositivas 14************************/
#articulo1d14{
	width: 70%;
}

#actividadPOd14{
	border-radius: 0em;
	font-size: 0.9em;
	left: 65%;
	position: absolute;
	top: 52%;
}
#actividadAId14{
	border-radius: 0em;
	font-size: 0.9em;
	left: 58%;
	position: absolute;
	top: 72%;
}
#actividadDSd14{
	border-radius: 0em;
	font-size: 0.9em;
	left: 31%;
	position: absolute;
	top: 74%;
}
#actividadMd14{
	border-radius: 0em;
	font-size: 0.9em;
	left: 21%;
	position: absolute;
	top: 54%;
}
#actividadCOBITd14{
	border-radius: 3em;
	font-size: 0.9em;
	left: 41%;
	position: absolute;
	top: 39%;
	width: 13%;
}
#actividadInfod14{
	border-radius: 0em;
	font-size: 0.9em;
	left: 43%;
	position: absolute;
	top: 50%;
}
#actividadRTId14{
	border-radius: 0em;
	font-size: 0.8em;
	left: 43%;
	position: absolute;
	top: 66%;
}
.divOculto{
	background-color: #89d4fd;
	display: none;
	font-size: 0.7em;
	position: absolute;
	text-align: left;
}
#divPO{left: 77%;top: 52%;width: 37%;}
#divAI{left: 72%;top: 74%;width: 33%;}
#divDS{left: 40% ;top: 74%;}
#divM{left: 30% ;top: 54%;}
#divInfo{left: 54% ;top: 50%;}
#divRTI{left: 53% ;top: 66%;}

/************diapositivas 15************************/
#evolucion{display: inline-block; width: 85%;}
#cobit5, #cobit4, #cobit3, #cobit2, #cobit1{
	position: absolute;
	left: 15%;
	text-align: left;
}

#cobit5{top: 13%;}
#cobit4{top: 26%;}
#cobit3{top: 40%;}
#cobit2{top: 54%;}
#cobit1{top: 66%;}
#valIt{
	border-radius: 2em;
	font-size: 1em;
	position: absolute;
	left: 66%;
	top: 30%;
}
#risk{
	border-radius: 2em;
	font-size: 1em;
	position: absolute;
	left: 68%;
	top: 54%;
}
/************diapositivas 16************************/
#articulo1d16{opacity: 1;width: 90%;}
/************diapositivas 17************************/
#tabla1d17 td, #tabla1d18 td, #tabla1d19 td, #tabla1d20 td{text-align: left;}

/************diapositivas 21************************/
#articulo1d21{
	width: 80%;
}
#articulo1d21 li{
	text-align: left;
}


@media(max-width: 800px){
	.overbox, .diapositivas {
		width: 600px;
	}
	.tituloD{font-size: 1.3em;}
	.pFlotante, .actividadD{font-size: 1em;}
	#listaContenido li{font-size: 0.7em;}
	#actividad1d4,#actividad2d4,#actividad3d4{font-size: 0.9em;}
	#textoFlotante1d4,#textoFlotante2d4,#textoFlotante3d4, .enfoqueCOBIT{font-size: 0.8em;}
	#articulo1d4,#articulo2d4{font-size: 0.6em;}
	#actividad1d7, #actividad2d7, #actividad3d7{font-size: 0.8em;}
	#tabla1d8 td, #tabla1d8 th, #tabla1d11 td{font-size: 0.8em;}
	#articulo1d11{width: 100%;}
	#actividadPOd14, #actividadAId14, #actividadDSd14, #actividadMd14, #actividadCOBITd14, #actividadInfod14, #actividadRTId14{font-size: 0.7em;}
	#valIt, #risk{font-size: 0.8em;}
	#tabla1d17 td,#tabla1d18 td,#tabla1d19 td,#tabla1d20 td,#articulo1d21 li,#articulo1d21 p{font-size: 0.8em;}	
	#tabla1d12 li, #tabla1d12 td{font-size: 0.8em;}
}