#Body 		{ background-color: ffffff; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}

#Barra_Tabla    { background-color: ffffff; margin: 0px 0px 0px 0px; border-style: solid; border: 10px;}

#Barra_Azul_Cla { background-color: deebf7; font-family: Corbel,Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #1a2e52; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Azul_Osc	{ background-color: 1a2e52; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #deebf7; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Azul_Sua { background-color: deebf7; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #203464; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Not_Tit	{ background-color: ffffff; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #203464; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Not	{ background-color: ffffff; font-family: Corbel,Verdana,Arial; font-style: normal; font-weight: normal; font-size: 14pt; line-height: 20pt; color: #203464; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Tabla_0	{ background-color: ffffff; font-family: Corbel,Verdana,Arial; font-style: normal; font-weight: normal; font-size: 15pt; line-height: 20pt; color: #203464; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Blan_Neg	{ background-color: ffffff; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #203464; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Gris_Cla { background-color: c9c9c9; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #203464; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Gris_Osc	{ background-color: 748096; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #ffffff; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Barra_Gris_Sua { background-color: dedede; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #203464; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}

#Texto_Python  	{ font-family: verdana,arial; font-style: normal; font-weight: normal; 	font-size: 14pt; line-height: 20pt; background-color: #ebf1de; color: #000080; text-align: justify; width:100%; margin: 0px 0px 0px 0px; border: 0px; }

#Lista_Color_1 { background-color: f0f0f0; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #808080; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Lista_Color_2 { background-color: fcfcfc; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #808080; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}

#Caligrafia { background-color: c9c9c9; font-family: Lucida Console; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #000080; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}
#Caligrafia_2 { background-color: dedede; font-family: Lucida Console; font-style: normal; font-weight: normal; font-size: 13pt; line-height: 20pt; color: #000080; text-align: justify; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}

a.ex0:link { text-decoration: none; color: #000080 }
a.ex0:visited { text-decoration: none; color: #000080 }
a.ex0:active { text-decoration: none; color: #000080 }
a.ex0:hover { text-decoration: none; color: #000080; background: #ffffff; font-weight: bold; font-family: Verdana,Arial; }

a.ex1:link { text-decoration: none; color: #deebf7 }
a.ex1:visited { text-decoration: none; color: #deebf7 }
a.ex1:active { text-decoration: none; color: #1e5c1e }
a.ex1:hover { text-decoration: none; color: #1a2e52; background: #deebf7; font-weight: normal; font-family: Verdana,Arial; }

a.ex2:link { text-decoration: none; color: #203464 }
a.ex2:visited { text-decoration: none; color: #203464 }
a.ex2:active { text-decoration: none; color: #203464 }
a.ex2:hover { text-decoration: none; color: #deebf7; background: #1a2e52; font-weight: normal; font-family: Verdana,Arial; }

a.ex3:link { text-decoration: none; color: #000080 }
a.ex3:visited { text-decoration: none; color: #ff0000 }
a.ex3:active { text-decoration: none; color: #ff0000 }
a.ex3:hover { text-decoration: none; color: #ff0000; background: #dedede; font-weight: normal; font-family: Verdana,Arial; }

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

.cuadro_subtema
{
  padding: 25px 0px 0px 0px;
  background-color:#cadbee;
  border:1px dotted #7bb0ec;
  box-shadow:0 0 5px #7bb0ec;
  width:190px;
  height:150px;
  border-radius:10px;
  text-align: center;
}

.cuadro_becas
{
  padding: 5px 0px 0px 0px;
  background-color:#7bb0ec;
  border:1px dotted #000080;
  box-shadow:5px 5px 5px #7bb0ec;
  width:300px;
  height:20px;
  border-radius:12px;
  text-align: center;
}


#barra_home
{
  opacity: 0.40;

  -webkit-opacity: 0.40;
  -moz-opacity: 0.40;
  -o-opacity: 0.40;
  -ms-opacity:0.40;

  transition:opacity 0.15s ease-out 0.15s;
  -webkit-transition:opacity 0.15s ease-out 0.15s;
  -moz-transition:opacity 0.15s ease-out 0.15s;
  -o-transition:opacity 0.15s ease-out 0.15s;
  -ms-transition:opacity 0.15s ease-out 0.15s;

  border-radius: 35%; /* Borde redondeado */
  box-shadow: 10px 10px 10px #cdcdcd; /* Sombra */
  padding:0;
  border:0;
}

#barra_home:hover
{

  opacity: 1;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;

  box-shadow: 0;
  border-radius: 0;

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
}

#Med
{
  opacity: 0.35;

  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  -o-opacity: 0.35;
  -ms-opacity:0.35;

  transition:opacity 0.15s ease-out 0.15s;
  -webkit-transition:opacity 0.15s ease-out 0.15s;
  -moz-transition:opacity 0.15s ease-out 0.15s;
  -o-transition:opacity 0.15s ease-out 0.15s;
  -ms-transition:opacity 0.15s ease-out 0.15s;

  border-radius: 100%; /* Borde redondeado */
  box-shadow: 10px 10px 10px #cdcdcd; /* Sombra */
  padding:0;
  border:0;
}

#Med:hover
{

  opacity: 1;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;

  box-shadow: 0;
  border-radius: 0;

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
}





#Lap
{
  border-radius: 50% 0; /* Borde redondeado */
  box-shadow: 0px 0px 15px #000; /* Sombra */
  padding:15px; /* Espacio entre la imagen y el borde */
  background:#FFF; /* Color de fondo que se ve entre el espacio */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

#Lap:hover
{
border-radius:0; /* Con esto quitamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

.card-container 
{
  cursor: pointer;
  height: 64px;
  width: 472px;
  perspective: 600;
  position: relative;

}

.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}

.card:hover 
{
  transform: rotateY(180deg);
}

.card .side 
{
  backface-visibility: hidden;
  border-radius: 6px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.card .back 
{
  background: #ffffff;
  transform: rotateY(180deg);
}

#AnimaMenu_1
{
  opacity: 0.75;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#AnimaMenu_1:hover 
{
  opacity: 1;	
  box-shadow: 2px #5882fa;
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  box-shadow: 2px 2px 4px 2px #808080;
}

#AnimaMenu_2
{
  opacity: 0.5;

  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  -o-opacity: 0.25;
  -ms-opacity:0.25;

  transition:opacity 0.25s ease-out 0.25s;
  -webkit-transition:opacity 0.25s ease-out 0.25s;
  -moz-transition:opacity 0.25s ease-out 0.25s;
  -o-transition:opacity 0.25s ease-out 0.25s;
  -ms-transition:opacity 0.25s ease-out 0.25s;
}

#AnimaMenu_2:hover
{

  opacity: 1;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}

#AnimaMenu_3
{
  opacity: 0.5;	
  border-radius: 50% 0; /* Borde redondeado */
  box-shadow: 0px 0px 0px #000; /* Sombra */
  padding:0px; /* Espacio entre la imagen y el borde */
  background:#ddeeff; /* Color de fondo que se ve entre el espacio */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

#AnimaMenu_3:hover
{
  opacity: 1;	
border-radius:0; /* Con esto quitamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}