@charset "UTF-8";
/* CSS Document */

/*---------------- u2a0 --------------*/

div.contU2a0{
	width: 510px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 10px 10px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 25px;
	background-image:url(unidad2/intrvou2a1/flecha.png);
	background-repeat:no-repeat;
	background-position:left top;
}

div.contU2a0 p, div.contU2a0 ul{
	font-size: 15px;
	line-height:21px;
}

.NRJA {
	color:#ff6600;
}

p.derch {
	text-align:right;
}

/*------------------------botones------------------------------*/

.bs-docs-dl-options h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}


.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.square {
  position: relative;
  width: 180px;
  height: 123px;
  border: 3px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative;
}
.ih-item.square.effect4.colored .info {
  background: rgba(255, 102, 0, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #ff6600;
  background: rgba(255, 102, 0, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  height: 1180px;
  width: 123px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform: rotate(56.5deg) translateX(-180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
  background: #111111;
  height: 0;
  visibility: hidden;
  width: 180px;
  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
  -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
  -o-transform: rotate(-33.5deg) translate(-112px, 166px);
  transform: rotate(-33.5deg) translate(-112px, 166px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
  font-style: normal;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(56.5deg) translateX(1px);
  -moz-transform: rotate(56.5deg) translateX(1px);
  -ms-transform: rotate(56.5deg) translateX(1px);
  -o-transform: rotate(56.5deg) translateX(1px);
  transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(56.5deg) translateX(-1px);
  -moz-transform: rotate(56.5deg) translateX(-1px);
  -ms-transform: rotate(56.5deg) translateX(-1px);
  -o-transform: rotate(56.5deg) translateX(-1px);
  transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
  width: 180px;
  height: 123px;
  visibility: visible;
  top: 20px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1;
}

/*------------------------botones------------------------------*/

/*---------------- u3a1 --------------*/

div.contU3a1{
	width: 545px;
	height: 350px;
	position:relative;
}

div.contU3a1-Op1 {
	width: 485px;
	/*height: 280px;*/
	position:absolute;
	padding: 20px 30px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 10px 10px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 0;
}

div.contU3a1-Op1 h1 {
	font-size: 20px;
	font-weight:normal;
	color:#ff6600;
	margin:0;
	}

div.contU3a1-Op1 h1 span{	
	color:#ffd1b2;
	font-weight:bold;
   }
	
	
div.contU3a1-Op1 p {
	font-size: 14px;
	margin:0 0  10px 0;
	line-height:20px;
	}

.deR {
	text-align:right;
}


/*---------------- u3a3 --------------*/

div.contU3a3{
	width: 570px;
	height: 350px;
	position:relative;
}

div.contU3a3 div.u3a3idea {
	position:absolute;
	width:158px;
	height:134px;
	top:190px;
	right:30px;
}

div.contU3a3-Op1, div.contU3a3-Op2 {
	width: 420px;
	/*height: 280px;*/
	position:absolute;
	padding: 20px 30px 30px 30px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 10px 10px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 0;
	left:40px;
}

div.contU3a3-Op2 {
	width: 480px;
	left: 6px;
}

div.contU3a3-Op1 h1 {
	font-size: 20px;
	font-weight:normal;
	color:#ff6600;
	margin:0;
	}

div.contU3a3-Op1 h1 span{	
	color:#ffd1b2;
	font-weight:bold;
   }
	
	
div.contU3a3-Op1 p {
	font-size: 14px;
	margin:0 0  10px 0;
	line-height:20px;
	}

div.contU3a3-Op2 div {
	font-size: 14px;
	padding-top:15px;
	background-position:top left;
	background-repeat:no-repeat;
	}
	
div.contU3a3-Op2 div ul{
	font-size: 14px;
	margin:3px 0 0 -10px;
	}
	
div.contU3a3-Op2 div ul li{
	margin-bottom:6px;
	}
	
	
/* ------------- u4a0 -------------*/

div.contU4a0-def {
	width: 440px;
	margin: -15px auto 20px auto;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 10px 10px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 25px;
	background-image:url(unidad4/intrvoU4a0/flecha.png);
	background-repeat:no-repeat;
	background-position:center top;
}

div.contU4a0-def h1 {
	font-size: 17px;
	font-weight:normal;
	color:#ff6600;
	margin:0;
	}

div.contU4a0-def h1 span{	
	color:#ffd1b2;
	font-weight:bold;
   }
	
	
div.contU4a0-def p {
	font-size: 14px;
	margin:0 0  10px 0;
	line-height:20px;
	}
	
	
div.contU4a0-cuadro {
	width:150px;
	height:150px;
	padding:10px;
	background-color:#ff6600;
}
	
div.contU4a0-cuadro p{
	margin:0px;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#FFFFFF;
}

/* ------------- u4a3 -------------*/

div.contU4a3 {
	margin: 0px 10px 20px 10px;
	padding: 20px;
	background-color: rgba(239, 239, 239, 0.85);
	box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 0;
	background-image:url(unidad4/intrvoU4a3/flecha.png);
	background-repeat:no-repeat;
	background-position:left top;
}

div.contU4a3 h1 {
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	color:#ff6600;
	margin:0;
	}

div.contU4a3 h1 span{	
	color:#ffd1b2;
	font-weight:bold;
   }
	
	
div.contU4a3 p {
	font-size: 14px;
	margin:0 0  10px 0;
	line-height:20px;
	}
	
/* ------------- u4a5 -------------*/

div.contU4a5 {
	margin: 0px 10px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 0;
	background-image:url(unidad4/intrvoU4a5/flecha.png);
	background-repeat:no-repeat;
	background-position:center top;
}

div.contU4a5 h1 {
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	color:#ff6600;
	margin:0;
	}
	
	
div.contU4a5 p, div.contU4a5 ul {
	font-size: 14px;
	margin:0 0  10px 0;
	line-height:20px;
	}
	


div.contU4a5 ul li{
	margin-bottom:8px;
}

/* ------------- u5a1 -------------*/

div.contU5a1-gral {
	width:542px;
	position:relative;
}

div.contU5a1-op1, div.contU5a1-op2, div.contU5a1-op3 {
	margin: 0px 0px 0px 127px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 0;
	background-image:url(unidad5/intrvoU5a1/flecha1.png);
	background-repeat:no-repeat;
	background-position: left center;
	position:absolute;
	width:280px;	
}

div.contU5a1-op2 {
	margin: 0px 0px 0px 50px;
	background-image:url(unidad5/intrvoU5a1/flecha2.png);
	background-position: right center;
	border-radius: 0 0 0 25px;
	top:60px;
}

div.contU5a1-op3 {
	margin: 0px 0px 0px 10px;
	background-image:url(unidad5/intrvoU5a1/flecha3.png);
	background-position: center bottom;
	border-radius: 0 25px 0 0;
	width:480px;
	top:-20px;
}
	
div.contU5a1-gral p {
	font-size: 14px;
	margin: 0px;
	line-height:20px;
	text-align:left;
	}
	
div.contU5a1-op1 p.deR, div.contU5a1-op2 p.deR, div.contU5a1-op3 p.deR {
	text-align:right;
	}
	

/* ------------- u5a2 -------------*/



div.contU5a2-op1, div.contU5a2-op2, div.contU5a2-op3, div.contU5a2-op4 {
	margin: 0px 30px 20px 30px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.4);
	border-radius: 0 0 25px 25px;
	background-image:url(unidad5/intrvoU5a2/flecha1.png);
	background-repeat:no-repeat;
	background-position: left top;
}

div.contU5a2-op2 {
	background-image:url(unidad5/intrvoU5a2/flecha2.png);
}

div.contU5a2-op3 {
	background-image:url(unidad5/intrvoU5a2/flecha3.png);
	background-position: right top;
}
	
div.contU5a2-op4 {
	background-image:url(unidad5/intrvoU5a2/flecha1.png);
	background-position: right top;
}

div.contU5a2-op1 p, div.contU5a2-op2 p, div.contU5a3-op3 p, div.contU5a4-op4 p {
	font-size: 14px;
	line-height:20px;
	text-align:left;
	}