@charset "utf-8";
/* CSS Document */
@import url(common.css);
.tab a{ text-decoration:none; color:inherit;}
#tab-container{
	width:95%;
	margin:auto;
	height:77%;
	top: 97px;
	position:relative;
	}
.etabs{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	text-align:right;
	}
.tab {
	display:inline-block;
	width:499px;
	margin-left:5px;
	height:60px;
	background:#E6E5E4;
	text-align:center;
	line-height:60px;
	font-size:2em;
	border-radius: 20px 20px 0 0;
	}
.tab-container .etabs .tab.active { background: #7BB32A; padding-top: 6px; position: relative; top: 1px; color:#FFF;}
.tab-container .etabs .tab:hover{ padding-top: 6px; position: relative; top: 1px;}
.panel-container{
	width:100%;
	height:89% ;
	padding-top:1%;
	border-radius: 20px 0 20px 20px;
	background-color:#7BB32A;
}
#tabs1, #tabs2, #tabs3, #tabs4, #tabs5{
	width:96%;
	height:96%;
	margin:auto;
	border-radius: 20px;
	border: #FFF dashed 3px;
	position: relative;
		color:#FFF;
	font-size:2.3em;
}

/*fin easytabs*/
#cont1{ background: #fff;
border: 4px dashed #DD4B3F;
width: 300px;
color: black;
border-radius: 16px;
padding: 17px;
position: absolute;
top: 221px;
left: 58px;
text-align: center;}
#cont2{ background: #fff;
border: 4px dashed #0C97D5;
width: 300px;
color: black;
border-radius: 16px;
padding: 17px;
position: absolute;
top: 221px;
left: 463px;
text-align: center;
}
#cont3{background: #fff;
border: 4px dashed #F8B032;
width: 300px;
color: black;
border-radius: 16px;
padding: 17px;
position: absolute;
top: 221px;
left: 853px;
text-align:center;}
#p3{font-size: 2em;
margin: 0px;
padding: 33px;
margin-bottom: -106px;}
#img_index{float: left;
height: 89px;
margin-right: 22px;
margin-left: 43px;
margin-top: 13px;}
#cont{float: left;
width: 20%;
position: absolute;
left: 16px;}
.boton{background: #E4E1E1;
margin: 10px;
text-align: center;
color: #000;
border-radius: 10px;
box-shadow: 3px 3px #999;
height: 112px;
line-height: 112px;}
.definicion{
background-image:
    linear-gradient(
      to right,
      rgba(255,255,255,0),
      rgba(255,255,255,1) 90%
    );
background-image:
    -webkit-linear-gradient(
      to right,
      rgba(255,255,255,0),
      rgba(255,255,255,1) 90%
    );
background-image:
    -moz-linear-gradient(
      to right,
      rgba(255,255,255,0),
      rgba(255,255,255,1) 90%
    );
background-image:
    -ms-linear-gradient(
      to right,
      rgba(255,255,255,0),
      rgba(255,255,255,1) 90%
    );
height: 100px;
margin: 20px;
width: 94%;
border-radius: 16px;
position: absolute;}
.definicion img{position: relative;
margin: auto;
left: 283px;
height: 90%;
width: auto;
}
#p4{color: #000;
font-size: 1.2em;
float: right;
/* display: inline; */
position: relative;
/* top: -125px; */
/* right: 34px; */
margin: 28px;}
.img{height: 159px;}





















.texto{
	font-size:2em;
	margin:0 0px 10px 0px;
	padding-top: 14px;
	text-align: justify;
	}
#cont_2{
	margin:auto;
	font-weight:bold;
	width:100%;
	height:auto;
	
	margin-top: 36px;
	
}
.box{
	display: block;
font-size: 2em;
float: left;
width: 20%;
background: red;
border-radius: 14px;
/* margin: auto; */
text-align: center;
margin-left: 111px;
padding: 10px;
	}
.box img{
	width:auto;
	height:50%;}
.v{ background:#97BE13;} .n{ background:#F5B63E;} .a{ background:#55ABDD;}.bv{ border-color:#97BE13 !important;margin: auto; margin-top: 10px; text-align:center;}
.dot{ width:95%; height:95%; border:3px dashed #fff; border-radius:14px; color:#fff; font-weight:normal;}
.pop{
	position: absolute;
	display: block;
	width: 70%;
	height: 90%;
	padding: 10px;
	background: #fff;
	border-radius: 25px;
	margin: 0 auto;
	box-shadow: 0px 0px 20px #999;
	top: 10px;
	left: 220px;
	text-align: center;
	z-index:1;
}
.pop1{
	position: absolute;
display: block;
width: 55%;
height: 70%;
padding: 10px;
background: #fff;
border-radius: 25px;
margin: 0 auto;
box-shadow: 0px 0px 20px #999;
top: 80px;
left: 321px;
text-align: center;
z-index: 2;
}
.bv img{ display: block;
margin: auto;
height: 97%;
margin-top: 15px;
width: auto;}
.bv div{ top:19px; left:44px;font-size:2em; margin:10px; font-weight:bold; position:absolute;}
.close{
	background-image: url(../../../skins/M_GGD/img/b_cerrar.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 80px;
width: 80px;
position: absolute;
top: -40px;
right: -40px;}
.plantilla{display: block;
font-size: 2em;
float: left;
width: 20%;
/* background: red; */
border-radius: 14px;
/* margin: auto; */
text-align: center;
margin-left: 111px;
padding: 10px;
margin-bottom: 21px;
margin-top: 27px;
box-shadow: 3px 3px #999;
color: #fff;}
.fix{position: absolute;
height: 359px;
width: 266px;
background: rgba(100,100,100,0.35);
top: 241px;
left: 177px;
border-radius: 10px;}
.pop:before{content: "";
/* background: #000; */
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
/* right: -590px; */
/* bottom: -80px; */
z-index: -1;
/* border-radius: 23px; */}
.pop1:before{content: "";
/* background: #000; */
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
/* right: -590px; */
/* bottom: -80px; */
z-index: -1;
/* border-radius: 23px; */}
.pop:after{background: #fff;
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
border-radius: 23px;}
.pop1:after{background: #fff;
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
border-radius: 23px;}
.dot img{width: 60%;
height: auto;
margin: 52px auto;}