/* ISC Berenice Quintero */
/*@import url("../font/Gotham_Book_Regular/stylesheet.css");
@import url("../font/Gotham_Bold/stylesheet.css");*/
/*@font-face {
    font-family: SoberanaSans-Bold;
	src: url(../fonts/SoberanaSans-Bold.otf);
}
@font-face {
    font-family: SoberanaSans-BoldItalic;
	src: url(../fonts/SoberanaSans-BoldItalic.otf);
}
@font-face {
    font-family: SoberanaSans-Italic;
	src: url(../fonts/SoberanaSans-Italic.otf);
}
@font-face {
    font-family: SoberanaSans-Light;
	src: url(../fonts/SoberanaSans-Light.otf);
}*/
@font-face {
    font-family: SourceSansPro-Regular;
	src: url(../fonts/SourceSansPro-Regular.ttf);
}

@font-face {
    font-family: SourceSansPro-Black;
	src: url(../fonts/SourceSansPro-Black.ttf);
}

@font-face {
    font-family: SourceSansPro-Light;
	src: url(../fonts/SourceSansPro-Light.ttf);
}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

body{ width:900px; position:absolute; left:50%; margin-left:-450px; font-size: 1rem; text-align: justify; color: #212121; font-family: SourceSansPro-Regular; background-color: #F3F3F3; line-height:1.5;}
#container1{max-width: 901px; min-height: 800px; border: thin solid #000000;
    -webkit-box-shadow: 0px 0px 17px;
    box-shadow: 0px 0px 17px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;}
#container{max-width: 900px; min-height: 571px; background-color: #FFF;}
#header{background-image: url(../img/banner.png); width: 900px; height: 90px;}
#header_ind{background-image: url(img/banner.png); width: 900px; height: 127px;}
#header_m3{background-image: url(../img/headerm3.png); width: 900px; height: 127px;}
#workA{width: 900px; height: 593px;}
#footer{background-image: url(../img/footer.png); width: 900px; height: 55px; font-family: SourceSansPro-Regular;}
#footerIndex{background-image: url(../img/footer_ind.png); width: 900px; font-family: SourceSansPro-Regular;}
#footer2{background-image: url(../img/dFooterEva.png); width: 899px; height: 53px;}

.texto_modulo{color:#f6921d; font-weight:bold; font-size:21px; line-height:1.2;}

.btnLl{transition: opacity .25s ease-in; cursor: pointer;}
.btnLl:hover{/*opacity:0.7; filter:alpha(opacity=70);*/
transform: translateY(-5px);}

.btnL2{transition: opacity .25s ease-in; cursor: pointer;}
.btnL2:hover{opacity:0.7; filter:alpha(opacity=70);}

.btnL3{
	transition: opacity .25s ease-in;
	cursor:pointer;
}
.btnL3:hover{
	transform: scale(1.2);
}

.w3-check,.w3-radio{
	width: 20px;
	height: 20px;
	position: relative;
	/*top:6px;*/
	}
	
.fondo{
	width:100%;
	height:100%;
	background-color: #4f4f4f;
  	filter:alpha(opacity=90);
  	-moz-opacity: 0.9;
  	opacity: 0.9;
}

.fondo2{
	width:100%;
	height:100%;
	background-color: #ffffff;
  	filter:alpha(opacity=80);
  	-moz-opacity: 0.5;
  	opacity: 0.5;
}

.bRadius
{
	-moz-border-radius: 35px;
	border-radius: 35px;
}

.menuSelect {
    font-family: SourceSansPro-Regular;
    color: #fd9310ad;
    font-size: 18px;
	border-bottom: 3px solid #fd9310ad;
	padding:3px;
	text-align:center;
}

.menu {
    font-family: SourceSansPro-Regular;
    color: #1C1C1C;
    font-size: 18px;
	cursor:pointer;
	transition: opacity .25s ease-in;
	border-bottom: 2px solid #D8D8D8;
	text-align:center;
	padding:3px;
}

.menu:hover{
	/*opacity:0.7; 
	filter:alpha(opacity=70);*/
	transform: scale(1.1);
}

.modal {
	position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
	background:#1c1c1c94;
}

.fade {
    transition: opacity 0.15s linear;
}

.modal-content {
    background: #F0F0F0;
}

.btn_cir_oro_off
{
	width: 22px;
	height: 22px;
	background: linear-gradient(70deg, #B7B3B3, white);
	position: absolute;
	cursor: pointer;
	border-radius: 22px;
	}
.btn_cir_oro_off:hover{transform: translateY(-5px);}

.btn_cir_oro_on
{
	width: 22px;
	height:22px;
	position: absolute;
	background: #f6921d;
	border-radius:22px;
	border:solid 1px #B7B3B3;
}

.btn_cir_blue_off
{
	width: 22px;
	height: 22px;
	background: linear-gradient(70deg, #093586, white);
	border-radius: 22px;	
    display: inline-block;
	cursor: pointer;
	}
.btn_cir_blue_off:hover{transform: translateY(-5px);}

.btn_cir_blue_on
{
	width: 22px;
	height:22px;
	background: #fff;
	border-radius:22px;
	border:solid 1px #093586;	
    display: inline-block;
}

.btn_naranja_off
{
	width: 209px; 
	height: 89px; 
	background: #093586;
	cursor:pointer;
	text-align:center;
	}
.btn_naranja_off:hover{transform: translateY(-5px);}

.btn_naranja_on
{
	background: #CE8D2E; 
}


.btn_rosita_off
{
	width: 298px; 
	height: 89px; 
	background: #E83880;  
	position: absolute;
	color:#fff;
	cursor:pointer;
	text-align:center;
	}
.btn_rosita_off:hover{transform: translateY(-5px);}

.btn_rosita_on
{
	background: #BA3270; 
}

.btn_azul_off
{
	width: 33px; 
	height: 33px; 
	background: #fff; 
	color: #081959; 
	border-radius: 25px; 
	line-height:33px;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	position:absolute;
	}


.btn_gris_off_32
{
	width: 188px; 
	height: 65px; 
	background: #2a2a2a; 
	color: #fff; 
	position: absolute; 
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	}
.btn_gris_off_32:hover{/*opacity:0.7; filter:alpha(opacity=70);*/transform: translateY(-5px);}

.btn_gris_on_32
{
	width: 188px; 
	height: 65px; 
	background: #fff; 
	color: #2a2a2a; 
	border:solid 1px #2a2a2a;
	position: absolute; 
	font-weight:bold;
	text-align:center;
}

.btn_grisd10_off {
    width: 308px;
    /* height: 48px; */
    background: #08195985;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    cursor: pointer;
    text-align: left;
    padding-left: 60px;
    font-weight: normal;
    font-size: 14px;}
	
.btn_grisd10_off:hover{transform: translateY(-5px);}

.btn_grisd10_offf {
    width: 308px;
    background: #4c516685;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    text-align: left;
    padding-left: 60px;
    font-weight: normal;
    font-size: 14px;
	}

.btn_gris_t2_d2_off
{
	width: 180px; 
	height: 45px; 
	background: #E5E5E5; 
	color: #212121; 
	border-radius: 25px; 
	position: absolute; 
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	}
.btn_gris_t2_d2_off:hover{opacity:0.7; filter:alpha(opacity=70);}

.btn_gris_t2_d2_on
{
	width: 180px; 
	height: 45px;  
	background: #5584CE; 
	color: #fff; 
	border-radius: 25px; 
	position: absolute; 
	font-weight:bold;
	text-align:center;
}

.btn_grisd13_off
{
	width: 240px; 
	height: 75px; 
	background: #E5E5E5; 
	color: #212121; 
	border-radius: 25px; 
	position: absolute; 
	cursor:pointer;
	text-align:left;
	padding: 15px 30px 5px 20px;
	line-height:1;
	}
.btn_grisd13_off:hover{opacity:0.7; filter:alpha(opacity=70);}

.btn_grisd13_on
{
	width: 240px; 
	height: 75px;  
	background: #5584CE; 
	color: #fff; 
	border-radius: 25px; 
	position: absolute; 
	text-align:left;
	padding: 15px 30px 5px 20px;
    line-height:1;
}


.btn_green_large_off
{
	width: 259px; 
	background: #74B776; 
	color: #fff; 
	border-radius: 15px; 
	position: absolute;
	cursor:pointer;
	text-align:center;
	font-family:SourceSansPro-Regular;
	}
.btn_green_large_off:hover{transform: translateY(-5px);}

.btn_green_large_on
{
	width: 259px;
	background: #589958; 
	color: #fff; 
	border-radius: 15px; 
	position: absolute;
	text-align:center;
	font-family:SourceSansPro-Regular;
}



.square_green
{
	width: 60px; 
	height:60px;
	background: #74B776; 
	color: #fff; 
	border-radius: 50px; 
	position: absolute;
	cursor:pointer;
	text-align:center;
	font-family:SourceSansPro-Regular;
	line-height:60px;
	font-size:18px;
	}
.square_green:hover{transform: translateY(-5px);}

.square_green_on
{
	width: 60px; 
	height:60px;
	background: #589958; 
	color: #fff; 
	border-radius: 50px; 
	position: absolute;
	text-align:center;
	font-family:SourceSansPro-Regular;
	line-height:60px;
	font-size:18px;
}

.square_green_lit
{
	width: 48px; 
	height:48px;
	background: #74B776; 
	color: #fff; 
	border-radius: 50px; 
	position: absolute;
	cursor:pointer;
	text-align:center;
	font-family:SourceSansPro-Regular;
	line-height:48px;
	font-size:18px;
	}
.square_green_lit:hover{transform: translateY(-5px);}

.square_green_lit_on
{
	width: 48px; 
	height:48px;
	background: #589958; 
	color: #fff; 
	border-radius: 50px; 
	position: absolute;
	text-align:center;
	font-family:SourceSansPro-Regular;
	line-height:48px;
	font-size:18px;
}

.square{
	position: absolute;
	width: 377px;
	height: 358px;
	border: 2px solid #5584CE;
	}
.titulo_square{
	background: #5584CE;
    color: #fff;
    text-align: center;
    padding: 10px;;
    width: 100%;
	font-size:16px;
}

.padre {
  /* IMPORTANTE */
  text-align: center;
}

.hijo {
    background-color: #EFEFEF;
    line-height: 25px;
    width: 120px;
    height: 25px;
    border-radius: 15px;
    color: #000;
    transition: opacity .25s ease-in;
    cursor: pointer;
    display: inline-block;
	margin:2px;
}
.hijo:hover{opacity:0.7; filter:alpha(opacity=70);}

.hijo_se{
  background-color: #4f4f4f;
  line-height:25px;
  width:120px;
  height:25px;
  border-radius:15px;
  color:#fff;  
  /* IMPORTANTE */
  display: inline-block;
  margin:2px;
  font-weight:bold;
}

.cuadrito{
	width: 40px;
	height: 40px;
	border: 1px solid #C61E2B;
	text-align:center;
	}
	
.select_ev2{
	width:20%;
	float:none;
	display:inline-block;
	margin-left:10px;
	position: relative;
	vertical-align:middle; 
	-webkit-appearance: button;	    
	margin-bottom: 0;      
	font-weight: 400;    
	line-height: 1.5;    
	text-align: center;    
	white-space: nowrap;      
	-ms-touch-action: manipulation;    
	touch-action: manipulation;    
	cursor: pointer;   
	-webkit-user-select: none;    
	-moz-user-select: none;    
	-ms-user-select: none;    
	user-select: none;    
	background-image: none;    
	border: 1px solid #035891;    
	border-radius: 4px; 
	font-size:14px;
	padding:10px;
}

.cir_orange_off
{
	width: 64px; 
	height: 64px; 
	background: #FF725C;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_orange_off:hover{transform: translateY(-5px);}

.cir_orange_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #FF725C;
	color:#FF725C;
	border-radius:50px;
	font-size:25px;
}

.cir_aqua_off
{
	width: 64px; 
	height: 64px; 
	background: #0E94AA;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_aqua_off:hover{transform: translateY(-5px);}

.cir_aqua_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #0E94AA;
	color:#0E94AA;
	border-radius:50px;
	font-size:25px;
}

.cir_green_off
{
	width: 64px; 
	height: 64px; 
	background: #068187;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_green_off:hover{transform: translateY(-5px);}

.cir_green_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #068187;
	color:#068187;
	border-radius:50px;
	font-size:25px;
}

.cir_yel_off
{
	width: 64px; 
	height: 64px; 
	background: #D1B954;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_yel_off:hover{transform: translateY(-5px);}

.cir_yel_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #D1B954;
	color:#D1B954;
	border-radius:50px;
	font-size:25px;
}

.cir_blue_off
{
	width: 64px; 
	height: 64px; 
	background: #1BAFDD;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_blue_off:hover{transform: translateY(-5px);}

.cir_blue_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #1BAFDD;
	color:#1BAFDD;
	border-radius:50px;
	font-size:25px;
}

.cir_marin_off
{
	width: 64px; 
	height: 64px; 
	background: #00609E;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_marin_off:hover{transform: translateY(-5px);}

.cir_marin_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #00609E;
	color:#00609E;
	border-radius:50px;
	font-size:25px;
}


.cir_mor_off
{
	width: 64px; 
	height: 64px; 
	background: #7164F2;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_mor_off:hover{transform: translateY(-5px);}

.cir_mor_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #7164F2;
	color:#7164F2;
	border-radius:50px;
	font-size:25px;
}

.cir_red_off
{
	width: 64px; 
	height: 64px; 
	background: #DD311F;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_red_off:hover{transform: translateY(-5px);}

.cir_red_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #DD311F;
	color:#DD311F;
	border-radius:50px;
	font-size:25px;
}

.cir_agua_off
{
	width: 64px; 
	height: 64px; 
	background: #1AC4C4;  
	position: absolute; 
	line-height:64px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border-radius:50px;
	font-size:25px;
	}
.cir_agua_off:hover{transform: translateY(-5px);}

.cir_agua_on
{
	width: 64px; 
	height: 64px; 
	background: #fff; 
	position: absolute; 
	line-height:64px;
	text-align:center;
	border:solid 1px #1AC4C4;
	color:#1AC4C4;
	border-radius:50px;
	font-size:25px;
}

.btn_blue_off
{
	width: 410px;
	height: 65px;
	line-height: 65px;
	background: #0b5676;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	top: 31px;
	left: 20px;
	border-radius:5px;
	}
.btn_blue_off:hover{/*opacity:0.7; filter:alpha(opacity=70);*/transform: translateY(-5px);}

.btn_blue_on
{
	width: 410px;
	height:65px; 
	line-height:65px;
	position: absolute; 
	text-align:center;
	background: #168E7A;
	color:#fff;
	border-radius:5px;
	/*border-left: 50px solid #d9534f;
    border-right: 50px solid #d9534f;
    border-bottom: 35px solid transparent;*/
}

.btn_magenta_off
{
	width: 410px;
	height: 65px;
	line-height: 65px;
	background: #891360;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	top: 40px;
	left: 20px;
	border-radius:5px;
	}
.btn_magenta_off:hover{transform: translateY(-5px);}

.btn_magenta_on
{
	width: 410px;
	height:65px; 
	line-height:65px;
	position: absolute; 
	text-align:center;
	background: #b972a0;
	color:#fff;
	border-radius:5px;
	/*border-left: 50px solid #d9534f;
    border-right: 50px solid #d9534f;
    border-bottom: 35px solid transparent;*/
}

.btn_magenta_short_off
{
	width: 260px;
	background: #891360;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_magenta_short_off:hover{transform: translateY(-5px);}

.btn_magenta_short_on
{
	width: 260px;
	position: absolute; 
	text-align:center;
	background: #b972a0;
	color:#fff;
	border-radius:5px;
}

.btn_cir_lila_off
{
	width: 30px;
	height:30px;
	background: #fff;
	border:solid 2px #b972a0;
	position: absolute;
	cursor: pointer;
	color: #fff;
	border-radius:30px;
	}
.btn_cir_lila_off:hover{transform: translateY(-5px);}

.btn_cir_lila_on
{
	width: 30px;
	height:30px;
	position: absolute;
	background: #b972a0;
	color:#fff;
	border-radius:30px;
}



.btn_blue_short_off
{
	width: 135px;
	background: #0b5676;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:10px;
	font-weight:500;
	}
.btn_blue_short_off:hover{transform: translateY(-5px);}

.btn_blue_short_on
{
	width: 135px;
	position: absolute; 
	text-align:center;
	background: #168E7A;
	color:#fff;
	border-radius:10px;
	font-weight:500;
}

.btn_marino_off
{
	background: #0a3687;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_marino_off:hover{transform: translateY(-5px);}

.btn_marino_on
{
	position: absolute; 
	text-align:center;
	background: #1f8eb2;
	color:#fff;
	border-radius:5px;
}

.btn_fosfo_off
{
	background: #9ebc21;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_fosfo_off:hover{transform: translateY(-5px);}

.btn_fosfo_on
{
	position: absolute; 
	text-align:center;
	background: #b1c059;
	color:#fff;
	border-radius:5px;
}

.btn_verde_off
{
	background: #199f34;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_verde_off:hover{transform: translateY(-5px);}

.btn_verde_on
{
	position: absolute; 
	text-align:center;
	background: #6ec06f;
	color:#fff;
	border-radius:5px;
}

.btn_rojo_off
{
	background: #D13F20;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_rojo_off:hover{transform: translateY(-5px);}

.btn_rojo_on
{
	position: absolute; 
	text-align:center;
	background: #FF8B75;
	color:#fff;
	border-radius:5px;
}

.btn_mostaza_off
{
	background: #EA9131;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_mostaza_off:hover{transform: translateY(-5px);}

.btn_mostaza_on
{
	position: absolute; 
	text-align:center;
	background: #fff;
	border-radius:5px;
	border:solid 2px #EA9131;
	color:#231F20;
}

.btn_orange_off
{
	background: #ff6e52;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:5px;
	}
.btn_orange_off:hover{transform: translateY(-5px);}

.btn_orange_on
{
	position: absolute; 
	text-align:center;
	background: #ff8b75;
	color:#fff;
	border-radius:5px;
}

.modal-title_w{
	margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
}

.btn_white
{
	width: 33px; 
	height: 33px; 
	line-height: 33px; 
	background: #fff; 
	border-radius: 30px; 
	position: absolute; 
	text-align: center;
	cursor:pointer; 
	}
.btn_white:hover{transform: translateY(-5px);}

.btn_white_on
{
	background: #CE8D2E; 
}

.btn_gray_off
{
	width: 255px; 
	background: #EDEDED; 
	border-radius: 5px; 
	position: absolute;
	cursor:pointer;
	text-align:justify;
	font-family:SourceSansPro-Regular;
	padding:5px 5px 5px 10px;
	}
.btn_gray_off:hover{transform: translateY(-5px);}

.btn_gray_on
{
	width: 255px; 
	background: #C9C9C9; 
	border-radius: 5px; 
	position: absolute;
	text-align:justify;
	font-family:SourceSansPro-Regular;
	padding:5px 5px 5px 10px;
}

.text-titulo{
	color:#0B5676;
	font-size:48px;
}

.text-titulo_rojo{
	color:#D13F20;
	font-size:48px;
}

.text-titulo_magenta{
	color:#891360;
	font-size:48px;
}

.text-titulo_azul_claro{
	color:#1e89c7;
	font-size:48px;
}

.text-titulo_marino{
	color:#0a3687;
	font-size:48px;
}

.text-titulo_verde{
	color:#199f34;
	font-size:48px;
}

.text-verde{
	color:#199f34;
}

.text-titulo_fosfo{
	color:#9ebc21;
	font-size:48px;
}
.text-titulo_orange{
	color:#ff6e52;
	font-size:48px;
}

.text-titulo_mostaza{
	color:#ea9131;
	font-size:48px;
}

.text-titulo-blue{
	font-size:35px;
	font-family: SourceSansPro-Light;
	color:#093586;
}

.text-content-blue_small{
	font-size:24px;
	color:#093586;
}

.text-content-blue-ligth{
	color:#1d88c6;
}

.text-titulo-black_cont{
	font-size:24px;
	width: 825px;
	line-height:1.2;
	font-weight: bold;
}

.paginacion{
	font-size: 20px;
	text-align: center; 
	width: 50px; 
	color: #fff;
	position: absolute; 
	top: 14px; 
	left: 835px;
}

.btnNext{
	position: absolute; 
	left: 536px; 
	top: 17px;
}

.btnHome{
	position: absolute; 
	left: 400px; 
	top: 17px;
}

.btnBef{
	position: absolute; 
	left: 239px; 
	top: 17px;
}

.text-blue{
	color:#0B5676;
}

.text-rojo{
	color:#D13F20;
}

.text-magenta{
	color:#891360;
}

.text-azul_claro{
	color:#1e89c7;
}

.text-azul_marino{
	color:#0a3687; 
}

.text-fosfo{
	color:#9ebc21; 
}

.text-orange{
	color:#ff6e52; 
}

.text-mostaza{
	color:#ea9131; 
}

.btn_palomita_off{
	width:40px;
	height:40px;
	border-radius:20px;
	background:#0B5676;
	color:#fff;
	content: "before \02714";
	font-size:30px;
	line-height:40px;
	position:absolute;
	text-align:center;
	cursor:pointer;
}

.btn_palomita_off:hover{transform: translateY(-5px);}

.btn_palomita_on{
	width:40px;
	height:40px;
	border-radius:20px;
	background:#fff;
	border: solid 1px #168E7A;
	color:#168E7A;
	font-size:30px;
	line-height:40px;
	content: "\02714";
	position:absolute;
	text-align:center;
}

.btn_tache_off{
	width:40px;
	height:40px;
	border-radius:20px;
	background:#0B5676;
	color:#fff;
	font-size:30px;
	line-height:40px;
	content: "\02716";
	position:absolute;
	cursor:pointer;
	text-align:center;
}

.btn_tache_off:hover{transform: translateY(-5px);}

.btn_tache_on{
	width:40px;
	height:40px;
	border-radius:20px;
	background:#fff;
	border: solid 1px #168E7A;
	color:#168E7A;
	font-size:30px;
	line-height:40px;
	content: "\02716";
	position:absolute;
	text-align:center;
}

.btn_palomitas{
	width:20px;
	height:20px;
	border-radius:20px;
	background:#3fc526;
	color:#fff;
	font-size:14px;
	line-height:20px;
	text-align:center;
	font-family:SourceSansPro-Regular;
}

.btn_mod_off{
	width:200px;
	height:275px;
	background:#b1b3b4;
	position:absolute;
	border-radius:10px;
	padding:20px;
	color:#666666;
}

.btn_mod_off:hover{transform: translateY(-5px);}

.flecha_off {
  float: left;
  position: relative;
  height: 80px;
  width: 240px;
  border: solid 1px #ccc;
  border-right: none;
  background: #891360;
  cursor:pointer;
}

.flecha_off:after {
  position: absolute;
  top: 16px;
  right: -25px;
  width: 48px;
  height: 47px;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  transform: rotate(134deg) skewX(-10deg) skewY(-10deg);
  background: #891360;
  content: '';
  cursor:pointer;
}

.flecha_off:hover{transform: translateY(-5px);}

.flecha_on {
  float: left;
  position: relative;
  height: 80px;
  width: 240px;
  border: solid 1px #ccc;
  border-right: none;
  background: #b972a0;
}

.btn_azul_claro_short_off
{
	background: #1d88c6;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:10px;
	}
.btn_azul_claro_short_off:hover{transform: translateY(-5px);}

.btn_azul_claro_short_on
{
	position: absolute; 
	text-align:center;
	background: #093586;
	color:#fff;
	border-radius:10px;
}

.btn_azul_square_off
{
	background: #093586;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:10px;
	}
.btn_azul_square_off:hover{transform: translateY(-5px);}

.btn_azul_square_on
{
	position: absolute; 
	text-align:center;
	background: #f6921d; 
	color:#fff;
	border-radius:10px;
}

.btn_oro_short_off
{
	background: #f6921d;
	position: absolute;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius:10px;
	}

.btn_cir_azul_cla_off
{
	width: 25px;
	height:25px;
	background: #fff;
	border:solid 2px #1e89c7;
	position: absolute;
	cursor: pointer;
	color: #fff;
	border-radius:25px;
	}
.btn_cir_azul_cla_off:hover{transform: translateY(-5px);}

.btn_cir_azul_cla_on
{
	width: 25px;
	height:25px;
	position: absolute;
	background: #1e89c7;
	color:#fff;
	border-radius:25px;
}

.btn_cir_marino_off
{
	width: 25px;
	height: 25px;
	background: #fff;
	border: solid 2px #0a3687;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_marino_off:hover{transform: translateY(-5px);}

.btn_cir_marino_on
{
	width: 25px;
	height:25px;
	position: absolute;
	background: #0a3687;
	border-radius:25px;
}

.btn_cir_verde_off
{
	width: 25px;
	height: 25px;
	background: #fff;
	border: solid 2px #199f34;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_verde_off:hover{transform: translateY(-5px);}

.btn_cir_verde_on
{
	width: 25px;
	height:25px;
	position: absolute;
	background: #199f34;
	border-radius:25px;
}

.btn_cir_rojo_off
{
	width: 25px;
	height: 25px;
	background: #fff;
	border: solid 2px #D13F20;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_rojo_off:hover{transform: translateY(-5px);}

.btn_cir_rojo_on
{
	width: 25px;
	height:25px;
	position: absolute;
	background: #D13F20;
	border-radius:25px;
}

.btn_cir_orange_off
{
	width: 25px;
	height: 25px;
	background: #fff;
	border: solid 2px #ff6e52;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_orange_off:hover{transform: translateY(-5px);}

.btn_cir_orange_on
{
	width: 25px;
	height: 25px;
	position: absolute;
	background: #ff6e52;
	border-radius: 25px;
}


.btn_cir_orange_inv_off
{
	width: 25px;
	height: 25px;
	border: solid 2px #fff;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_orange_inv_off:hover{transform: translateY(-5px);}

.btn_cir_orange_inv_on
{
	width: 25px;
	height: 25px;
	position: absolute;
	background: #fff;
	border:solid 2px #d35b44;
	border-radius: 25px;
}

.btn_cir_fosfo_off
{
	width: 25px;
	height: 25px;
	background: #fff;
	border: solid 2px #9ebc21;
	position: absolute;
	cursor: pointer;
	border-radius: 25px;
	}
.btn_cir_fosfo_off:hover{transform: translateY(-5px);}

.btn_cir_fosfo_on
{
	width: 25px;
	height:25px;
	position: absolute;
	background: #9ebc21;
	border-radius:25px;
}