@import url("responsive.css");
* {
	margin: 0;
	padding: 0;
}
/** @group fuentes **/
@font-face {
	font-family: 'PT_Sans_B';
	src: url('../fonts/pt_sans_bold-webfont.eot');
	src: url('../fonts/pt_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans_bold-webfont.woff') format('woff'), url('../fonts/pt_sans_bold-webfont.ttf') format('truetype'), url('../fonts/pt_sans_bold-webfont.svg#pt_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PT_Sans_R';
	src: url('../fonts/pt_sans_reg-webfont.eot');
	src: url('../fonts/pt_sans_reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans_reg-webfont.woff') format('woff'), url('../fonts/pt_sans_reg-webfont.ttf') format('truetype'), url('../fonts/pt_sans_reg-webfont.svg#pt_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PT_Sans_NB";
	src: url('../fonts/PT_narrow_bold.eot');
	src: url('../fonts/PT_narrow_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_narrow_bold.svg#PT Sans Narrow') format('svg'), url('../fonts/PT_narrow_bold.woff') format('woff'), url('../fonts/PT_narrow_bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PT_Sans_BI";
	src: url('../fonts/PT_sans_bold_italic.eot');
	src: url('../fonts/PT_sans_bold_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_sans_bold_italic.svg#PT Sans') format('svg'), url('../fonts/PT_sans_bold_italic.woff') format('woff'), url('../fonts/PT_sans_bold_italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PT_Sans_I";
	src: url('../fonts/PT_sans_italic.eot');
	src: url('../fonts/PT_sans_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_sans_italic.svg#PT Sans') format('svg'), url('../fonts/PT_sans_italic.woff') format('woff'), url('../fonts/PT_sans_italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PT_Sans_N";
	src: url('../fonts/PT_narrow.eot');
	src: url('../fonts/PT_narrow.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_narrow.svg#PT Sans Narrow') format('svg'), url('../fonts/PT_narrow.woff') format('woff'), url('../fonts/PT_narrow.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/** @group body básico**/
html, body {
	margin: auto;
	min-height: 100%;
}
body {
	font-family: "PT_Sans_R", Arial, Tahoma, sans-serif;
	overflow-x: auto;
	font-size:15px;
}
ul, ol, h1, h2, h3, h4, h5, h6, p {
	display: block;
}
a:link, a:visited {
	color: #09C;
	text-decoration: underline;
}
a:hover {
	color: #0CF;
	text-decoration: none;
}
#cont-total {
	min-width:100%;
	position: absolute;
}
#navmenu {
	display: none;
}
#staticmenu {
	background: #005b96;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
}
.align_left{
	text-align:left;
	width:80%;
	margin:auto;
}
/** @group header **/
#cont-total header#toolbarnav {
	display: none;
	background:none;
}
#cont-total header #menu-btn {
	display: block;
	float: left;
	width: 57px;
	height: 52px;
	background: url('../images/menu/menu_btn.png') no-repeat;
	background-color:none;
	margin-top: 2px;
	margin-left: -1px;
}
.rostro{
	width:85px;
	height:120px;
	display:block;
	background-image:url(../images/rostro.png);
	background-size:cover;
	margin:auto;	
}
/** @group contenido general **/
.toggle-content {
	width: 76%;
	padding:2%;
	display: none;
	text-align: left;
	margin: auto;
	position:relative;
	z-index:500;
}
.toggle-content2 {
	width: 76%;
	display: none;
	text-align: left;
	margin: auto;
	position:relative;
	z-index:500;
}
.toggle-button {
	font-size:20px;
	width: 80%;
	margin: auto;
	cursor:pointer;
	z-index:10000;
	transition:all 0.1s;
}
.toggle-button:hover {
	font-size:20px;
	width: 85%;
	margin: auto;
	cursor:pointer;
	z-index:10000;
}
.toggle-violeta {
	background: #800f71;
	height: 60px;
	display: block;
	text-align: left;
	line-height: 60px;
}
.toggle-button span {
	font-family: 'PT_Sans_B', sans-serif;
	text-align: left;
	padding-left: 20px;
	color: #FFF;
}
#cont-total img {
	margin: 0px;
	padding:0px;
}
#colmenu {
	width: 400px;
	height: 100%;
	margin: auto;
	display: block;
	position: fixed;
	float: left;
	z-index: 999;
}
#cont-total #column {
	width: 100%;
	display: block;
	margin: auto;
	float:right;
	z-index:10000;
}
#navegacion .avanza a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	float: right;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_gris.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
}
#navegacion .avanza_azul a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_azul.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_azul:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_azul.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .avanza_verde a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_verde.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_verde:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_verde.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .avanza_naranja a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_naranja.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_naranja:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_naranja.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .avanza_morado a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	float: right;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_morado.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_morado:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_morado.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .avanza_magenta a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_magenta.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_magenta:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_magenta.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .avanza_rojo a {
	position:fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_front_rojo.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .avanza_rojo:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_front_rojo.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_gris.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_gris.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_azul a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_azul.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_azul:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_azul.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_verde a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_verde.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_verde:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_verde.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_morado a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_morado.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_morado:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_morado.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_magenta a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_magenta.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_magenta:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_magenta.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_rojo a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	float: left;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_rojo.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_rojo:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_rojo.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#navegacion .retroceder_naranja a {
	position:fixed;
	margin-left: 410px;
	margin-bottom:10px;
	bottom:0px;
	float: left;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url(../images/flechas/arrow_back_naranja.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	cursor: pointer;
	transition:all 0.1s;
}
#navegacion .retroceder_naranja:hover a {
	width: 50px;
	height: 50px;
	background-image: url(../images/flechas/arrow_back_naranja.png);
	background-repeat: no-repeat;
	background-size: 49px 49px;
}
#column #dinamica {
	font-family: 'PT_Sans_R', sans-serif;
	min-height: 100%;
	display: block;
	color: #333;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 400px;
	float:right;
}
#column #dinamica #header{
	height: 50px;
	display:block;
	background:#FFF;
}
#column #dinamica #header #title{
	text-align:center;
	min-width:340px;
	float:right;
	color:#FFF;
	padding:10px;
	margin-top: 10px;
}
#column #dinamica #header .rojo{
	background:#c32416;
	margin-bottom:4px;
}
#column #dinamica #header .verde{
	background:#3e812c;
	margin-bottom:4px;
}
#column #dinamica #header .naranja{
	background:#ec8128;
	margin-bottom:4px;
}
#column #dinamica #header .azul{
	background:#005b96;
	margin-bottom:4px;
}
#column #dinamica #header .morado{
	background:#800f71;
	margin-bottom:4px;
}
#column #dinamica #header .bordes{
	background:#FFF;
	text-align:center;
	min-width:340px;
	height:6px;
	float:right;
	color:#333;
	margin-top:-9px;
}
#column #dinamica .columna1 {
	float: left;
	color: #FFF;
	padding: 10px 10px 0px 10px;
	width: 130px;
}
#column #dinamica .columna2 {
	max-width:100%;
	height: 100%;
	display: block;
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 160px;
}
#column #dinamica .columnagen {
	width: 100%;
	min-height: 100%;
	display: block;
	position: relative;
	float: right;
	margin: auto;
	text-align: center;
	padding-bottom: 20px;
}
#dinamica .columnagen .lista2 ul {
	font-size: 18px;
	text-align: left;
	line-height: 32px;
	margin: auto;
	height: auto;
	width: 80%;
	color: #0a2130;
	background: #FFF;
	list-style-position: outside;
	list-style-image: url(../images/menu/list_decoration.png);
	list-style-type: none;
}
#dinamica .columnagen .lista {
	margin: auto;
	height: auto;
	width: 90%;
	color: #0a2130;
}
#dinamica .columnagen .lista ul{
	font-size: 18px;
	text-align: left;
	line-height: 32px;
	margin: auto;
	height: auto;
	width: 60%;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	color: #0a2130;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 4px 6px #666;
	list-style-position: outside;
	list-style-image: url(../images/menu/list_decoration.png);
	list-style-type: none;
}
.columnagen .iconos {
	height: auto;
	width: 70%;
	display: block;
	margin: auto;
}
.columnagen .icono_ejercicio1 a {
	float: left;
	width: 26%;
	display: block;
	margin: 3%;
}
.columnagen .icono_ejercicio1 a:hover {
	padding:1%;
	width: 24%;
	border:solid 1px #900;
}
#column #dinamica .columnagen .imagen {
	position:relative;
	max-width: 90%;
	min-width: 460px;
	margin: 10px auto auto auto;
}
#column #dinamica .columnagen .ciframedio {
	position: absolute;
	min-width: 145px;
	left: -70px;
	bottom: 20px;
	margin-left: 50%;
	transition:all .32s;
}
#column #dinamica .columnagen .ciframedio:hover {
	min-width:180px;
	left:-90px;
}
#column #dinamica .halfl {
	width: 47%;
	min-height: 100%;
	display: block;
	position: relative;
	float: left;
	margin: 1% 2% 1% 1%;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#column #dinamica .halfr {
	width: 47%;
	min-height: 100%;
	display: block;
	position: relative;
	float: right;
	margin: 1% 1% 1% 2%;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#column #dinamica .terciol {
	width: 33%;
	min-height: 100%;
	display: block;
	position: relative;
	float: left;
	margin: 1% 2% 1% 5%;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#column #dinamica .tercior {
	width: 53%;
	min-height: 100%;
	display: block;
	position: relative;
	float: right;
	margin: 1% 5% 1% 2%;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#column #dinamica .tercior p {
	min-height: 100%;
	display: block;
	position: relative;
	float: right;
	margin: 1% 5% 1% 2%;
	text-align: left;
	padding: 5px 0px 5px 0px;
}
#column #dinamica .presentacion {
	width: 75%;
	margin: auto;
	margin-top:30px;
}
/** @group menú navegación **/
/** Estilos del menu responsive **/
.responsive-menu {
	position: fixed;
	background:#005B96;
}
.responsive-menu-vertical {
	width: 400px;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.responsive-menu-left {
	left: -400px;
}
.responsive-menu-left.responsive-menu-open {
	left: 0px;
}
.responsive-menu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.responsive-menu-push-toright {
	left: 400px;
}
/* Transitions */
.responsive-menu,
.responsive-menu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/** Fin menú responsive **/
#staticmenu header {
	display: block;
	text-align: center;
	height: 123px;
	padding: 30px 0px 0px 0px;
}
#staticmenu #menucont {
	width: 67%;
	background-color: #FFF;
	border-color: #999;
	border-style: solid;
	margin: auto;
	list-style: none;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navmenu header {
	display: block;
	text-align: center;
	height: 120px;
	padding: 30px 0px 0px 0px;
}
#navmenu #menucont {
	width: 67%;
	background-color: #FFF;
	border-color: #999;
	border-style: solid;
	margin: auto;
	list-style: none;
	height: auto;
	padding: 10px 0px 10px 0px;
}
#iconmenu {
	text-align: center;
	display: block;
}
#iconmenu ul {
	font-family: 'PT_Sans_B', Helvetica, sans-serif;
	list-style: none;
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;
}
#iconmenu ul li {
	display: inline;
	float: left;
	margin: auto;
}
#iconmenu ul li a {
	width: 51px;
	height: 51px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 30px 19px 0px 19px;
}
#iconmenu ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
#iconmenu ul li #icon1 {
	position:relative;
	background-size:100%;
	background-image: url(../images/menu/icon1.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition:all 0.2s;
}
#iconmenu ul li #icon2 {
	position:relative;
	background-size:100%;
	background-image: url(../images/menu/icon2.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition:all 0.2s;
}
#iconmenu ul li #icon3 {
	position:relative;
	background-size:100%;
	background-image: url(../images/menu/icon3.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition:all 0.2s;
}
#iconmenu ul li #icon1:hover {
	width:60px;
	height:60px;
	margin: 26px 14px 0px 14px;
	background-size:100%;
	background-image: url(../images/menu/icon1_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#iconmenu ul li #icon2:hover {
	width:60px;
	height:60px;
	margin: 26px 14px 0px 14px;
	background-size:100%;
	background-image: url(../images/menu/icon2_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#iconmenu ul li #icon3:hover {
	width:60px;
	height:60px;
	margin: 26px 14px 0px 14px;
	background-size:100%;
	background-image: url(../images/menu/icon3_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#iconmenu ul li #icon1 p {
	font-family:'PT_Sans_R';
	font-size:1em;
	color:#FFF;
	position:absolute;
	display:none;
}
#iconmenu ul li #icon1:hover p {
	position:absolute;
	bottom:-26px;
	left:-8px;
	opacity:1;
	display:block;
}
#iconmenu ul li #icon2 p {
	font-family:'PT_Sans_R';
	font-size:1em;
	color:#FFF;
	position:absolute;
	display:none;
}
#iconmenu ul li #icon2:hover p {
	position:absolute;
	bottom:-26px;
	left:5px;
	opacity:1;
	display:block;
}
#iconmenu ul li #icon3 p {
	font-family:'PT_Sans_R';
	font-size:1em;
	color:#FFF;
	position:absolute;
	display:none;
}
#iconmenu ul li #icon3:hover p {
	position:absolute;
	bottom:-26px;
	left:3px;
	opacity:1;
	display:block;
}
#menuitem ul {
	font-family: 'PT_Sans_B', Helvetica, sans-serif;
	text-align: center;
	list-style: none;
	background-color: #FFF;
	height: auto;
}
#menuitem ul li {
	width: 95%;
	display: block;
	text-align: center;
	margin: auto;
}
#menuitem ul li a {
	position: relative;
	display: block;
	border-bottom: 1px solid #666;
	padding: 20px 12px;
	color: #0a2130;
	text-decoration: none;
	text-align: center;
}
#menuitem ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #c32416;
	border-bottom: 1px solid #ec8128;
}
#menuitem ul .lastli a {
	position: relative;
	display: block;
	border-bottom: 1px solid #FFF;
	padding: 16px 12px;
	color: #0a2130;
	text-decoration: none;
	text-align: center;
}
#menuitem ul .lastli a:hover {
	color: #FFF;
	text-decoration: none;
	background: #c32416;
	border-bottom: 1px solid #ec8128;
}
/*#navmenu ul li a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-right: 3px solid #d0d0d8;
	border-top: 3px solid #d0d0d8;
	position: absolute;
	right: 0px;
	top: 45%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/
#navmenu ul li a:hover::after {
	border-color: #cad0e6;
}
/** @group bocadillo **/
.bocadillo {
	font-size:1em;
	position: relative;
	padding: 10px;
	margin: 20px 10px 5px 150px;
	background: #005b96;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-family: 'PT_Sans_R', sans-serif;
	display: block;
	padding: 10px 15px 10px 15px;
}
.bocadillo:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 0px; /* Controla la posicion horizontal */
	border-width: 15px 15px 0; /* Modificar estos valores para cambiar la forma de la flecha */
	border-style: solid;
	border-color:transparent;
	display: block;
	width: 0;
}
.bocadillo p {
	width:100%;
}
.izquierda {
	padding-left: 15px;
	background: #005b96;
}
.izquierda:after {
	top: 20px; /* Controla la posicion vertical */
	left: -20px; /* value = - border-left-width - border-right-width */
	bottom: auto;
	border-width: 5px 20px 5px 0;
	border-color: transparent #005b96;
}
.verde{
  background:#3e812c;
  border-color: #3e812c;
  border-color: transparent #3e812c;
}
.verde.izquierda:after{
  border-color: #3e812c;
  border-color: transparent #3e812c;
}
.rojo{
  background:#c32416;
  border-color: #c32416;
  border-color: transparent #c32416;
}
.rojo.izquierda:after{
  border-color: #E40B14;
  border-color: transparent #E40B14;
}
.naranja{
  background:#DD7B15;
  border-color: #DD7B15;
  border-color: transparent #DD7B15;
}
.naranja.izquierda:after{
  border-color: #DD7B15;
  border-color: transparent #DD7B15;
}
.azul{
  background:#0068b1;
  border-color: #0068b1;
  border-color: transparent #0068b1;
}
.azul.izquierda:after{
  border-color: #0068b1;
  border-color: transparent #0068b1;
}
.morado{
  background:#800f71;
  border-color: #800f71;
  border-color: transparent #800f71;
}
.morado.izquierda:after{
  border-color: #800f71;
  border-color: transparent #800f71;
}
.bocadillo2 {
	position: relative;
	padding: 10px;
	width: 60%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-family: 'PT_Sans_R', sans-serif;
	display: block;
	padding: 10px 15px 10px 15px;
}
/** @group Lytebox **/
#lbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99997;
	width: 100%;
	height: 100%;
}
#lbOverlay.black {
	background-color: #000000;
}
#lbOverlay.grey {
	background-color: #000000;
}
#lbOverlay.red {
	background-color: #330000;
}
#lbOverlay.green {
	background-color: #003300;
}
#lbOverlay.blue {
	background-color: #011D50;
}
#lbOverlay.gold {
	background-color: #666600;
}
#lbOverlay.orange {
	background-color: #FFBB48;
}
#lbMain {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99998;
	text-align: center;
	line-height: 0;
	display: -moz-inline-stack;
}
#lbMain a img {
	border: 0px solid #ffffff;
}
#lbOuterContainer {
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	padding: 20px;
}
#lbOuterContainer.black {
	border: 2px solid #CCCCCC;
	background-color: #000000;
}
#lbOuterContainer.grey {
	border: 2px solid #888888;
}
#lbOuterContainer.red {
	border: 2px solid #DD0000;
}
#lbOuterContainer.green {
	border: 2px solid #00B000;
}
#lbOuterContainer.blue {
	border: 2px solid #5F89D8;
}
#lbOuterContainer.gold {
	border: 2px solid #B0B000;
}
#lbOuterContainer.orange {
	border: 2px solid #D15211;
}
#lbTopContainer, #lbBottomContainer {
	font: 0.85em Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width: 100%;
	line-height: 1.4em;
	font-size: 0.9em;
	overflow: hidden;
	margin: 0 auto;
	padding: 20;
	position: relative;
	z-index: 14;
	display: none;
}
#lbTopContainer {
	overflow: hidden;
	margin-top: 5px;
}
#lbTopContainer.black, #lbBottomContainer.black {
	background-color: #000000;
}
#lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange, #lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange {
	background-color: #ffffff;
}
#lbImage, #lbIframe {
	border: none;
	padding: 20px;
}
#lbImage.black, #lbIframe.black {
	border: 1px solid #CCCCCC;
}
#lbImage.grey, #lbIframe.grey {
	border: 1px solid #888888;
}
#lbImage.red, #lbIframe.red {
	border: 1px solid #DD0000;
}
#lbImage.green, #lbIframe.green {
	border: 1px solid #00B000;
}
#lbImage.blue, #lbIframe.blue {
	border: 1px solid #5F89D8;
}
#lbImage.gold, #lbIframe.gold {
	border: 1px solid #B0B000;
}
#lbImage.orange, #lbIframe.orange {
	border: 1px solid #D15211;
}
#lbImageContainer, #lbIframeContainer {
	padding: 0px;
	z-index: 12;
}
#lbLoading {
	height: 100%;
	width: 100%;
	margin-top: -10px;
	background: url('../images/lytebox/loading_white.gif') center no-repeat;
}
#lbLoading.black {
	background: url('../images/lytebox/loading_black.gif') center no-repeat;
}
#lbHoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lbImageContainer>#lbHoverNav {
	left: 0;
}
#lbHoverNav a {
	outline: none;
}
#lbPrevHov {
	width: 48%;
	height: 100%;
	background: transparent url('../images/lytebox/blank.gif') no-repeat;
	display: block;
	left: 0;
	float: left;
	margin-left: 3px;
	border: none !important;
}
#lbPrevHov.black:hover, #lbPrevHov.black:visited {
	background: url('../images/lytebox/prev_black_t.png') left 30% no-repeat;
}
#lbPrevHov.grey:hover, #lbPrevHov.grey:visited {
	background: url('../images/lytebox/prev_grey_t.png') left 40% no-repeat;
}
#lbPrevHov.red:hover, #lbPrevHov.red:visited {
	background: url('../images/lytebox/prev_red_t.png') left 30% no-repeat;
}
#lbPrevHov.green:hover, #lbPrevHov.green:visited {
	background: url('../images/lytebox/prev_green_t.png') left 30% no-repeat;
}
#lbPrevHov.blue:hover, #lbPrevHov.blue:visited {
	background: url('../images/lytebox/prev_blue_t.png') left 30% no-repeat;
}
#lbPrevHov.gold:hover, #lbPrevHov.gold:visited {
	background: url('../images/lytebox/prev_gold_t.png') left 30% no-repeat;
}
#lbPrevHov.orange:hover, #lbPrevHov.orange:visited {
	background: url('../images/lytebox/prev_orange_t.png') left 30% no-repeat;
}
#lbNextHov {
	width: 48%;
	height: 100%;
	background: transparent url('../images/lytebox/blank.gif') no-repeat;
	display: block;
	right: 0;
	float: right;
	margin-right: 3px;
	border: none !important;
}
#lbNextHov.black:hover, #lbNextHov.black:visited {
	background: url('../images/lytebox/next_black_t.png') right 30% no-repeat;
}
#lbNextHov.grey:hover, #lbNextHov.grey:visited {
	background: url('../images/lytebox/next_grey_t.png') right 30% no-repeat;
}
#lbNextHov.red:hover, #lbNextHov.red:visited {
	background: url('../images/lytebox/next_red_t.png') right 30% no-repeat;
}
#lbNextHov.green:hover, #lbNextHov.green:visited {
	background: url('../images/lytebox/next_green_t.png') right 30% no-repeat;
}
#lbNextHov.blue:hover, #lbNextHov.blue:visited {
	background: url('../images/lytebox/next_blue_t.png') right 30% no-repeat;
}
#lbNextHov.gold:hover, #lbNextHov.gold:visited {
	background: url('../images/lytebox/next_gold_t.png') right 30% no-repeat;
}
#lbNextHov.orange:hover, #lbNextHov.orange:visited {
	background: url('../images/lytebox/next_orange_t.png') right 30% no-repeat;
}
#lbPrev, #lbPrevTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 6px 0px 6px 8px;
	border: none !important;
}
#lbPrev.black, #lbPrevTop.black {
	background: url('../images/lytebox/prev_black.png') no-repeat;
}
#lbPrev.blackOff, #lbPrevTop.blackOff {
	background: url('../images/lytebox/prev_black_off.png') no-repeat;
	cursor: default;
}
#lbPrev.grey, #lbPrevTop.grey {
	background: url('../images/lytebox/prev_grey.png') no-repeat;
}
#lbPrev.greyOff, #lbPrevTop.greyOff {
	background: url('../images/lytebox/prev_grey_off.png') no-repeat;
	cursor: default;
}
#lbPrev.red, #lbPrevTop.red {
	background: url('../images/lytebox/prev_red.png') no-repeat;
}
#lbPrev.redOff, #lbPrevTop.redOff {
	background: url('../images/lytebox/prev_red_off.png') no-repeat;
	cursor: default;
}
#lbPrev.green, #lbPrevTop.green {
	background: url('../images/lytebox/prev_green.png') no-repeat;
}
#lbPrev.greenOff, #lbPrevTop.greenOff {
	background: url('../images/lytebox/prev_green_off.png') no-repeat;
	cursor: default;
}
#lbPrev.blue, #lbPrevTop.blue {
	background: url('../images/lytebox/prev_blue.png') no-repeat;
}
#lbPrev.blueOff, #lbPrevTop.blueOff {
	background: url('../images/lytebox/prev_blue_off.png') no-repeat;
	cursor: default;
}
#lbPrev.gold, #lbPrevTop.gold {
	background: url('../images/lytebox/prev_gold.png') no-repeat;
}
#lbPrev.goldOff, #lbPrevTop.goldOff {
	background: url('../images/lytebox/prev_gold_off.png') no-repeat;
	cursor: default;
}
#lbPrev.orange, #lbPrevTop.orange {
	background: url('../images/lytebox/prev_orange.png') no-repeat;
}
#lbPrev.orangeOff, #lbPrevTop.orangeOff {
	background: url('../images/lytebox/prev_orange_off.png') no-repeat;
	cursor: default;
}
#lbNext, #lbNextTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 6px 0px 6px 8px;
	border: none !important;
}
#lbNext.black, #lbNextTop.black {
	background: url('../images/lytebox/next_black.png') no-repeat;
}
#lbNext.blackOff, #lbNextTop.blackOff {
	background: url('../images/lytebox/next_black_off.png') no-repeat;
	cursor: default;
}
#lbNext.grey, #lbNextTop.grey {
	background: url('../images/lytebox/next_grey.png') no-repeat;
}
#lbNext.greyOff, #lbNextTop.greyOff {
	background: url('../images/lytebox/next_grey_off.png') no-repeat;
	cursor: default;
}
#lbNext.red, #lbNextTop.red {
	background: url('../images/lytebox/next_red.png') no-repeat;
}
#lbNext.redOff, #lbNextTop.redOff {
	background: url('../images/lytebox/next_red_off.png') no-repeat;
	cursor: default;
}
#lbNext.green, #lbNextTop.green {
	background: url('../images/lytebox/next_green.png') no-repeat;
}
#lbNext.greenOff, #lbNextTop.greenOff {
	background: url('../images/lytebox/next_green_off.png') no-repeat;
	cursor: default;
}
#lbNext.blue, #lbNextTop.blue {
	background: url('../images/lytebox/next_blue.png') no-repeat;
}
#lbNext.blueOff, #lbNextTop.blueOff {
	background: url('../images/lytebox/next_blue_off.png') no-repeat;
	cursor: default;
}
#lbNext.gold, #lbNextTop.gold {
	background: url('../images/lytebox/next_gold.png') no-repeat;
}
#lbNext.goldOff, #lbNextTop.goldOff {
	background: url('../images/lytebox/next_gold_off.png') no-repeat;
	cursor: default;
}
#lbNext.orange, #lbNextTop.orange {
	background: url('../images/lytebox/next_orange.png') no-repeat;
}
#lbNext.orangeOff, #lbNextTop.orangeOff {
	background: url('../images/lytebox/next_orange_off.png') no-repeat;
	cursor: default;
}
#lbTopData, #lbBottomData {
	float: left;
	text-align: left;
	padding-left: 10px;
}
#lbBottomData {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
#lbBottomData.black, #lbTopData.black {
	color: #ffffff;
}
#lbBottomData.grey, #lbTopData.grey {
	color: #333333;
}
#lbBottomData.red, #lbTopData.red {
	color: #620000;
}
#lbBottomData.green, #lbTopData.green {
	color: #003300;
}
#lbBottomData.blue, #lbTopData.blue {
	color: #01379E;
}
#lbBottomData.gold, #lbTopData.gold {
	color: #666600;
}
#lbBottomData.orange, #lbTopData.orange {
	color: #D15211;
}
#lbTopNav, #lbBottomNav {
	float: right;
	text-align: right;
	padding-right: 10px;
}
#lbNumTop, #lbNumBottom {
	font-style: italic;
}
#lbDescBottom {
	display: block;
}
#lbTitleTop, #lbTopNav {
	margin-top: 0.3em;
}
#lbTitleTop, #lbTitleBottom {
	display: block;
	font-weight: bold;
}
#lbClose, #lbCloseTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbClose.black, #lbCloseTop.black {
	background: url('../images/lytebox/close_black.png') no-repeat;
}
#lbClose.grey, #lbCloseTop.grey {
	background: url('../images/lytebox/close_grey.png') no-repeat;
}
#lbClose.red, #lbCloseTop.red {
	background: url('../images/lytebox/close_red.png') no-repeat;
}
#lbClose.green, #lbCloseTop.green {
	background: url('../images/lytebox/close_green.png') no-repeat;
}
#lbClose.blue, #lbCloseTop.blue {
	background: url('../images/lytebox/close_blue.png') no-repeat;
}
#lbClose.gold, #lbCloseTop.gold {
	background: url('../images/lytebox/close_gold.png') no-repeat;
}
#lbClose.orange, #lbCloseTop.orange {
	background: url('../images/lytebox/close_orange.png') no-repeat;
}
#lbPrint, #lbPrintTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPrint.black, #lbPrintTop.black {
	background: url('../images/lytebox/print_black.png') no-repeat;
}
#lbPrint.grey, #lbPrintTop.grey {
	background: url('../images/lytebox/print_grey.png') no-repeat;
}
#lbPrint.red, #lbPrintTop.red {
	background: url('../images/lytebox/print_red.png') no-repeat;
}
#lbPrint.green, #lbPrintTop.green {
	background: url('../images/lytebox/print_green.png') no-repeat;
}
#lbPrint.blue, #lbPrintTop.blue {
	background: url('../images/lytebox/print_blue.png') no-repeat;
}
#lbPrint.gold, #lbPrintTop.gold {
	background: url('../images/lytebox/print_gold.png') no-repeat;
}
#lbPrint.orange, #lbPrintTop.orange {
	background: url('../images/lytebox/print_orange.png') no-repeat;
}
#lbPlay, #lbPlayTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPlay.black, #lbPlayTop.black {
	background: url('../images/lytebox/play_black.png') no-repeat;
}
#lbPlay.grey, #lbPlayTop.grey {
	background: url('../images/lytebox/play_grey.png') no-repeat;
}
#lbPlay.red, #lbPlayTop.red {
	background: url('../images/lytebox/play_red.png') no-repeat;
}
#lbPlay.green, #lbPlayTop.green {
	background: url('../images/lytebox/play_green.png') no-repeat;
}
#lbPlay.blue, #lbPlayTop.blue {
	background: url('../images/lytebox/play_blue.png') no-repeat;
}
#lbPlay.gold, #lbPlayTop.gold {
	background: url('../images/lytebox/play_gold.png') no-repeat;
}
#lbPlay.orange, #lbPlayTop.orange {
	background: url('../images/lytebox/play_orange.png') no-repeat;
}
#lbPause, #lbPauseTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPause.black, #lbPauseTop.black {
	background: url('../images/lytebox/pause_black.png') no-repeat;
}
#lbPause.grey, #lbPauseTop.grey {
	background: url('../images/lytebox/pause_grey.png') no-repeat;
}
#lbPause.red, #lbPauseTop.red {
	background: url('../images/lytebox/pause_red.png') no-repeat;
}
#lbPause.green, #lbPauseTop.green {
	background: url('../images/lytebox/pause_green.png') no-repeat;
}
#lbPause.blue, #lbPauseTop.blue {
	background: url('../images/lytebox/pause_blue.png') no-repeat;
}
#lbPause.gold, #lbPauseTop.gold {
	background: url('../images/lytebox/pause_gold.png') no-repeat;
}
#lbPause.orange, #lbPauseTop.orange {
	background: url('../images/lytebox/pause_orange.png') no-repeat;
}
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause {
	margin: 6px 0 6px 8px;
}
.lbErrorImg {
	background: url('../images/lytebox/error.png');
}
.lbInfoImg {
	background: url('../images/lytebox/info.png');
}
.lbHelpImg {
	background: url('../images/lytebox/help.png');
}
.lbWarningImg {
	background: url('images/warning.png');
}
span.lbCustom {
	padding: 0.5em 0.8em 0.5em 1.5em !important;
}
span.lbIEFix {
	padding: 0.5em 0.8em !important;
}
.lytetip .lbError {
	background: #FFE7D7;
	border: 1px solid #FF3334;
}
.lytetip .lbInfo, .lytetip .lbHelp {
	background: #D2EEF7;
	border: 1px solid #2BB0D7;
}
.lytetip .lbWarning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
/** @group radio-button **/
input[type=radio].css-checkbox {
	display: none;
}
input[type=radio].css-checkbox + label.css-label {
	padding-left: 27px;
	display: block;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 18px;
	cursor: pointer;
	margin:auto;
}
input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 0px;
	background-image: url(../images/radio2.png);
}
label.css-label {
	background-image: url(../images/radio1.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/** @group primer ejercicio drag and drop **/
.drag_group1{
	width:80%;
	display: inline-table;
	margin:auto;
	float:none;
	
}
.drag1{
	width:120px;
	float:left;
	margin: 20px;
	cursor:pointer;
}
.drop_group1{
	width:80%;
	display:block;
	margin:auto;
	display: inline-table;
}
.drop1{
	width:120px;
	height:120px;
	display:block;
	float:left;
	margin: 20px;
	background-image:url(../images/modulo2/drop1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop2{
	width:120px;
	height:120px;
	display:block;
	float:left;
	margin: 20px;
	background-image:url(../images/modulo2/drop2.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop3{
	width:120px;
	height:120px;
	display:block;
	float:left;
	margin: 20px;
	background-image:url(../images/modulo2/drop3.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop4{
	width:120px;
	height:120px;
	display:block;
	float:left;
	margin: 20px;
	background-image:url(../images/modulo2/drop4.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop5{
	width:120px;
	height:120px;
	display:block;
	float:left;
	margin: 20px;
	background-image:url(../images/modulo2/drop5.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop3_1{
	text-align:left;
	width:200px;
	height:64px;
	margin:auto;
	background-image:url(../images/modulo3/target1.png);
	background-size:100%;
	background-position:left;
	background-repeat:no-repeat;
}
.drop3_2{
	width:260px;
	height:80px;
	margin:auto;
	background-image:url(../images/modulo3/target1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.drop3_3{
	width:200px;
	height:72px;
	margin:auto;
	display:block;
	border: dotted thin #999;
}
/** tabla desplegable **/
.titular1{
	background: url(../images/modulo3/esquema1_titulo1_inactivo.png) no-repeat center;
	background-size:100%;
}
.titular1_active{
	background: url(../images/modulo3/esquema1_titulo1_activo.png) no-repeat center;
	background-size:100%;
}
.titular2{
	background: url(../images/modulo3/esquema1_titulo2_inactivo.png) no-repeat center;
	background-size:100%;
}
.titular2_active{
	background: url(../images/modulo3/esquema1_titulo2_activo.png) no-repeat center;
	background-size:100%;
}
.titular3{
	background: url(../images/modulo3/esquema1_titulo3_inactivo.png) no-repeat center;
	background-size:100%;
}
.titular3_active{
	background: url(../images/modulo3/esquema1_titulo3_activo.png) no-repeat center;
	background-size:100%;
}
.titular3_1{
	background: url(../images/modulo4/mapa1_titulo_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.titular3_1_active{
	background: url(../images/modulo4/mapa1_titulo_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.titular3_2{
	background: url(../images/modulo4/mapa2_titulo_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.titular3_2_active{
	background: url(../images/modulo4/mapa2_titulo_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
/** fichas rompecabezas**/
.tercios{
	width:80%;
	margin:auto;
}
.tercios tr td{
	width:20%;
	display: inline-block;
	margin-left: 2%;
	cursor:pointer;
}
.ficha1{
	background:url(../images/modulo3/ficha1.png) no-repeat center;
	background-size:100%;
}
.ficha2{
	background:url(../images/modulo3/ficha2.png) no-repeat center;
	background-size:100%;
}
.ficha3{
	background:url(../images/modulo3/ficha3.png) no-repeat center;
	background-size:100%;
}
.ficha4{
	background:url(../images/modulo3/ficha4.png) no-repeat center;
	background-size:100%;
}
.ficha5{
	background:url(../images/modulo3/ficha5.png) no-repeat center;
	background-size:100%;
}
.ficha6{
	background:url(../images/modulo3/ficha6.png) no-repeat center;
	background-size:100%;
}
.ficha7{
	background:url(../images/modulo3/ficha7.png) no-repeat center;
	background-size:100%;
}
.ficha8{
	background:url(../images/modulo3/ficha8.png) no-repeat center;
	background-size:100%;
}
.ficha9{
	background:url(../images/modulo3/ficha9.png) no-repeat center;
	background-size:100%;
}
.ficha1_active{
	background:url(../images/modulo3/ficha1_active.png) no-repeat center;
	background-size:100%;
}
.ficha2_active{
	background:url(../images/modulo3/ficha2_active.png) no-repeat center;
	background-size:100%;
}
.ficha3_active{
	background:url(../images/modulo3/ficha3_active.png) no-repeat center;
	background-size:100%;
}
.ficha4_active{
	background:url(../images/modulo3/ficha4_active.png) no-repeat center;
	background-size:100%;
}
.ficha5_active{
	background:url(../images/modulo3/ficha5_active.png) no-repeat center;
	background-size:100%;
}
.ficha6_active{
	background:url(../images/modulo3/ficha6_active.png) no-repeat center;
	background-size:100%;
}
.ficha7_active{
	background:url(../images/modulo3/ficha7_active.png) no-repeat center;
	background-size:100%;
}
.ficha8_active{
	background:url(../images/modulo3/ficha8_active.png) no-repeat center;
	background-size:100%;
}
.ficha9_active{
	background:url(../images/modulo3/ficha9_active.png) no-repeat center;
	background-size:100%;
}
.ficha3_1{
	background:url(../images/modulo4/ficha1_reposo.png) no-repeat center;
	background-size:100%;
}
.ficha3_1_active{
	background:url(../images/modulo4/ficha1_active.png) no-repeat center;
	background-size:100%;
}
.ficha3_2{
	background:url(../images/modulo4/ficha2_reposo.png) no-repeat center;
	background-size:100%;
}
.ficha3_2_active{
	background:url(../images/modulo4/ficha2_active.png) no-repeat center;
	background-size:100%;
}
.ficha3_3{
	background:url(../images/modulo4/ficha3_reposo.png) no-repeat center;
	background-size:100%;
}
.ficha3_3_active{
	background:url(../images/modulo4/ficha3_active.png) no-repeat center;
	background-size:100%;
}
.ficha3_4{
	background:url(../images/modulo4/ficha4_reposo.png) no-repeat center;
	background-size:100%;
}
.ficha3_4_active{
	background:url(../images/modulo4/ficha4_active.png) no-repeat center;
	background-size:100%;
}
.ficha1_1{
	background: url(../images/modulo1/icono1_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_2{
	background: url(../images/modulo1/icono2_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_3{
	background: url(../images/modulo1/icono3_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_4{
	background: url(../images/modulo1/icono4_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_5{
	background: url(../images/modulo1/icono5_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_6{
	background: url(../images/modulo1/icono6_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_7{
	background: url(../images/modulo1/icono7_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_8{
	background: url(../images/modulo1/icono8_reposo.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_1_active{
	background: url(../images/modulo1/icono1_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_2_active{
	background: url(../images/modulo1/icono2_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_3_active{
	background: url(../images/modulo1/icono3_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_4_active{
	background: url(../images/modulo1/icono4_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_5_active{
	background: url(../images/modulo1/icono5_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_6_active{
	background: url(../images/modulo1/icono6_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_7_active{
	background: url(../images/modulo1/icono7_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
.ficha1_8_active{
	background: url(../images/modulo1/icono8_active.png) no-repeat center;
	background-size:100%;
	cursor:pointer;
}
/** ajustes accordion **/
#accordion{
	z-index:10;
}
#accordion .ui-accordion-header {
	width:80%;
	text-align:left;  
	margin:auto;  
    background-color: #800f71;  
    color: #FFF;  
    font-size: 1.2em;
	font-weight:bold;  
    line-height: 16pt;
}
#accordion .ui-accordion-content{
	width:80%;
	text-align: left;
    padding: 2% 2%;
}
#accordion .ui-accordion-content ul{
	list-style-position: inside;
}
#accordion div .table1{
	margin:auto;
	width:80%;
	border:0px;
}
#accordion div .table1 tr td{
	width:40%;
}
#accordion div .drags1 tr td, #accordion div .drags2 tr td{
	margin:auto;
	width:50%;
	border:0px;
}
#accordion div .drags1, #accordion div .drags2{
	margin:auto;
	width:100%;
	border:0px;
}
#accordion div .drops1, #accordion div .drops2{
	margin:auto;
	width:100%;
	border:0px;
}
#accordion div .drops1 tr td, #accordion div .drops2 tr td{
	width:50%;
	margin:10px;
	text-align:center;
}
#accordion div .drops1 .texto, #accordion div .drops2 .texto{
	margin:1%;
	width:48%;
	border-radius: 5px;
	box-shadow: 1px 3px 6px #666;
	text-align:left;
	font-size:14px;
	padding: 20px;
}
/** ajustes tablas **/
.columnagen .tabla3_1{
	width:90%;
	margin:auto;
}
.columnagen .tabla3_1 .contenido{
	width:20%;
	margin:auto;
	cursor:pointer;
}
.columnagen .tabla3_1 .flecha{
	width:6%;
	margin:auto;
}
.columnagen .conclusiones {
	width:60%;
	text-align:left;
	margin:auto;
	padding-left:60px;
	padding-top:40px;
	padding-bottom:10px;
	padding-right:40px;
	border-radius:20px;
	box-shadow: 1px 6px 6px #999999;
	list-style-position: outside;
	list-style-image: url(../images/menu/list_decoration_blue.png);
	list-style-type: none;
}
.columnagen .conclusiones li {
	margin-bottom:20px;
}
#tabla_sin .tr_sin{
	width:200px;
	height:200px;
	border:0;
	padding:0;
	display:block;
}
/** Video **/
.videoWrapper {
	margin:auto;
	text-align:center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#pop_video .boton{
	display:block;
	background-color: #EC8128;
	border-radius: 10px;
	height: 20px;
	width: 40%;
	padding: 10px;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#pop_video a{
	text-decoration:none;
}
/** bibliografia **/
.bibliografia{
	font-family: 'PT_Sans_R', sans-serif, helvetica;
	padding: 40px;
	list-style-position: inside;
	list-style-image: url(../images/menu/list_decoration.png);
	list-style-type: none;
	color:#333;
}
.bibliografia p{
	font-size: 16px;
	margin-bottom:10px;
	margin-top: 10px;
}
.bibliografia h1{
	font-size: 28px;
	font-family:'PT_Sans_B', sans-serif, helvetica;
}
.bibliografia hr{
	border: thin thick;
}
/** glosario **/
.glosario{
	font-family: 'PT_Sans_R', sans-serif, helvetica;
	padding: 40px;
	list-style-position: inside;
	list-style-image: url(../images/menu/list_decoration.png);
	list-style-type: none;
	color:#333;
}
.glosario p{
	font-size: 16px;
	margin-bottom:10px;
}
.glosario h1{
	padding-bottom:20px;
	font-size: 28px;
	font-family:'PT_Sans_B', sans-serif, helvetica;
}
.glosario h3{
	font-family:'PT_Sans_B', sans-serif, helvetica;
	margin-top:10px;
}
.glosario hr{
	border: thin thick;
	margin-top:5px;
	margin-bottom:5px;
}