/* Area de fuentes */
@font-face
{
	font-family: fuente_2;
	src:url(../fuentes/TrueLies.ttf);
}
@font-face
{
	font-family: fuente_1;
   src:url(../fuentes/KaushanScript-Regular.otf);
}
@font-face
{
	font-family: menu;
	src:url(../fuentes/orangejuice2.0.ttf);
}
/* Texto de ayuda */
#cuerpo_ayuda > p
{
	text-align: justify;
	font-size: verdana;
	font-size: 200%;
	padding-left: 2%;
	padding-right: 2%;
	color: #191970;
}
/* INICIO DE IMAGENES DE AYUDA*/
#imagen_menu
{
	background: url(../imagenes/web/menu.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_sola
{
	background: url(../imagenes/web/simple_sola.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_error
{
	background: url(../imagenes/web/simple_error.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_correcto
{
	background: url(../imagenes/web/simple_correcto.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 900px;
	width: 99%;
}
#imagen_calculadora_avanzada_sola
{
	background: url(../imagenes/web/avanzada_sola.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 700px;
	width: 99%;
}
#imagen_calculadora_avanzada_error
{
	background: url(../imagenes/web/avanzada_error.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_avanzada_correcto
{
	background: url(../imagenes/web/avanzada_correcta.png) no-repeat center center fixed;
	background-size: 85% 110%;
	height: 1200px;
	width: 99%;
}
/* FIN DE IMAGENES DE AYUDA*/
.bubble 
{
	position: relative;
	width: 50%;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}

.bubble:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 36px 50px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -50px;
	left:82%;
}
footer
{
	width: 100%;
	height: 200px;
	padding-top:20%;
}
footer > p 
{
	width: 100%;
	height: 20%;
	text-align: center;
	font-family: fuente_2;
	font-size: 400%;
}
/* Estilos a Calculadora Avanzada */
#informacion_general_avanzada_8_1_mascara,
#informacion_general_avanzada_8_id,
#informacion_general_avanzada_9_rangos,
#informacion_general_avanzada_10_broadcast
{
	border: solid grey;
	text-align:justify;
}

#informacion_general_avanzada_8_1_mascara_cabecera,
#informacion_general_avanzada_8_id_cabecera,
#informacion_general_avanzada_9_rangos_cabecera,
#informacion_general_avanzada_10_broadcast_cabecera,
#informacion_general_avanzada_7
{
	font-family: fuente_1;
	font-size: 150%;
	border: solid grey;
	text-align:justify;
}	
#resultados_calculadora_avanzada >table
{
	width: 100%;
	border-collapse: collapse;
}
#informacion_general_avanzada_avanzada_2,
#informacion_general_avanzada_2,
#informacion_general_avanzada_4,
#informacion_general_avanzada_6
{
	font-size: 100%;
	text-align: center;
	border: solid grey;

}

#informacion_general_avanzada_avanzada_1,
#informacion_general_avanzada_1,
#informacion_general_avanzada_3,
#informacion_general_avanzada_5
{
	font-size: 110%;
	font-family: fuente_1;
	text-align: center;
	border: solid grey;
	height: 100px;
}
#vlsm > table 
{
	width: 100%;
}
#mascara_vlsm_1_numero, #mascara_vlsm_2_numero,
#mascara_vlsm_3_numero, #mascara_vlsm_4_numero,
#mascara_vlsm_5_numero
{
	width: 90%;
	height: 100%;
	font-size: 100%;
	font-family: fuente_1;
	border-radius: 2px 2px;
	background: transparent;
	border: 2px solid;
	text-align: center;
}
#mascara_vlsm_1 , #mascara_vlsm_2 , #mascara_vlsm_3 , #mascara_vlsm_4 ,#mascara_vlsm_5
{
	visibility: hidden;
	width: 20%;
	height: 100%;
	font-size: 200%;
	font-family: verdana;
}
#masmenos
{
	width: 100%;
	
}
#mas:active, #menos:active
{
	font-size: 190%;
	border:2px solid white;
}
#mas, #menos
{
	width: 30%;
	margin-left: 13%;
	height: 100px;
	border: 1px solid black;
	background: transparent;
	border-radius: 5px 5px;
	font-family: fuente_1;
	font-size: 200%;
	color:#8D9BDF;
	text-shadow:1px 1px black;
}
#error_avanzado
{
	color:#F55252;
	font-size: 200%;
	text-align: center;
}
#calcular_avanzada_1
{
	font-size: 300%;
	text-align: center;
	margin-left: 30%;
	border: 1px solid;
	box-shadow: 1px 10px 10px black;
	border-radius: 20px 20px;
	font-family: fuente_1;
}
#calcular_avanzada_1:active
{
	text-shadow:3px 3px black;
	color: white;
}

#calculadora_simple, #cuerpo_calculadora_avanzada
{
	width: 80%;
	margin-left: 10%;
}
#label_avanzado , #primer_octeto_avanzado ,#segundo_octeto_avanzado, #tercer_octeto_avanzado ,#cuarto_octeto_avanzado
{
	width: 20%;
	height: 100px;
	margin-left: 1%;
	
	font-size: 200%;
	background: transparent;
	border-radius: 8px 8px;
}
/* Estilos a Calculadora Simple */
#error_simple
{
	color:#F55252;
	font-size: 200%;
	text-align: center;
}
#informacion_general_8_id,
#informacion_general_9_rangos,
#informacion_general_10_broadcast
{
	font-size: 70%;
	border: solid grey; 
	text-align: center;
	border-collapse: collapse;
}
#informacion_general_8_id_cabecera,
#informacion_general_9_rangos_cabecera,
#informacion_general_10_broadcast_cabecera,
#informacion_general_7
{
	font-size: 110%;
	font-family: fuente_1;
	border: solid grey;
	border-collapse: collapse;
	text-align: center;
}

#informacion_general_simple_1,
#informacion_general_1,
#informacion_general_simple_3,
#informacion_general_simple_5
{
	font-size: 110%;
	font-family: fuente_1;
	text-align: center;
}
#informacion_general_simple_2,
#informacion_general_2,
#informacion_general_4,
#informacion_general_6
{
	font-size: 70%;
	text-align: center;
}
#informacion_general_simple_1,
#informacion_general_simple_2,
#informacion_general_1,
#informacion_general_2,
#informacion_general_simple_3,
#informacion_general_4,
#informacion_general_simple_5,
#informacion_general_6
{
	border: solid grey;
	border-collapse: collapse;
	height: 100px;
}
#calculadora_simple,#cuerpo_calculadora_simple
{
	width: 80%;
	margin-left: 10%;
	
}
.slash
{
	font-size: 400%;
}

#resultados_calculadora_simple > table 
{
	width: 100%;
	font-family: verdana;
	font-size: 150%;
	border-collapse: collapse;
}
#label_simple , #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
{
	width: 17%;
	height: 100px;
	margin-left: 1%;
}
#label_simple
{
	text-align: center;
}
#calcular_simple_1
{
	font-size: 300%;
	text-align: center;
	margin-left: 30%;
	border: 1px solid;
	box-shadow: 1px 10px 10px black;
	border-radius: 20px 20px;
	font-family: fuente_1;
}
#calcular_simple_1:active
{
	text-shadow:3px 3px black;
	color: white;
}
#label_simple, #primer_octeto_simple, #segundo_octeto_simple, #tercer_octeto_simple, #cuarto_octeto_simple, #mascara_simple
{
	font-size: 200%;
	background: transparent;
	border-radius: 8px 8px;
}
#encabezado_simple , #encabezado_avanzado, #encabezado_ayuda
{
	font-family: fuente_1;
	font-size:400%;
	text-align: center;
	color:#708090;
	text-shadow:5px 5px black;
}
body
{
	margin: 0px;
	width: 99.8%;
	padding: 0px;
	background: url(../imagenes/fondo.jpg) no-repeat center center fixed;
	background-size: cover;
}
header
{
	width: 100%;
    background:rgb(0,153,153);
  	margin: 0px;
	padding: 0px;
    top:0px;
    border:1px solid transparent;
}

header > img 
{
	width: 6%;
	float: right;
	padding: 0px;
	height: 80px;
}
#nav > ul
{
	list-style-type: none;
	margin-left: 20%;
	padding-top: 5%;
}
#menu_4
{
	list-style-image: url('../imagenes/ayuda.png');
	width: 80%;
}
#menu_2
{
	list-style-image: url('../imagenes/icono_dos.png');
	width: 80%;
}
#menu_1
{
	list-style-image: url('../imagenes/icono.png');
	width: 80%;
}
#nav > ul > li:hover
{
	text-shadow:1px 1px blue;
	transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(10px);
	-moz-transform: rotate(2deg) scale(1) skew(1deg) translate(10px);
	-ms- transform: rotate(2deg) scale(1) skew(1deg) translate(10px);
	-o- transform: rotate(2deg) scale(1) skew(1deg) translate(10px);
}
#nav > ul > li
{
	cursor: pointer;
	color: black;
	font-size: 200%;
	font-family: menu;
}
#nav
{
	visibility: hidden;
	margin-left: 48%;
	width: 50%;
	height: 90px;
}
header > nav
{
	margin: 0px;
	padding: 0px;
	top:-100px;
	background:url(../imagenes/fondo_menu.jpg);
	color:white;	
	position: relative;
	visibility: hidden;
}
header > img:active
{
	width: 7%;
	height: 90px;
}

@media screen and (max-width: 1129px)  and (min-width: 960px)
{
.bubble 
{
position: relative;
width: 100%;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}

.bubble:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 36px 50px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -50px;
	left:70%;
}
	header > img
	{
		width: 8%;
		float: right;
		padding: 0px;
		height: 85px;
	}	
	header > img:active
	{
		width: 9%;
		float: right;
		padding: 0px;
		height: 90px;
	}	
	#encabezado_simple , #encabezado_avanzado, #encabezado_ayuda
	{	
		font-size:200%;
		text-align: center;
		color:#708090;
		text-shadow:1px 1px black;
	}
	#informacion_general_8_id_cabecera,
	#informacion_general_9_rangos_cabecera,
	#informacion_general_10_broadcast_cabecera,
	#informacion_general_7
	{
		font-size: 100%;
		font-family: fuente_1;
		border: solid grey;
		border-collapse: collapse;
		text-align: center;
	}
	#mascara_vlsm_1_numero, #mascara_vlsm_2_numero,
	#mascara_vlsm_3_numero, #mascara_vlsm_4_numero,
	#mascara_vlsm_5_numero
	{
		width: 80%;
		height: 100%;
		font-size: 100%;
		font-family: fuente_1;
		border-radius: 2px 2px;
		background: transparent;
		border: 2px solid;
		text-align: center;
	}

	#informacion_general_avanzada_8_1_mascara_cabecera,
	#informacion_general_avanzada_8_id_cabecera,
	#informacion_general_avanzada_9_rangos_cabecera,
	#informacion_general_avanzada_10_broadcast_cabecera,
	#informacion_general_avanzada_7
	{
		font-family: fuente_1;
		font-size: 110%;
		border: solid grey;
		text-align:center;
	}	

	#label_simple , #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 15%;
		height: 100px;
		margin-left: 1%;
	}
}



@media screen and (min-width: 800px) and (max-width: 959px)
{
		.bubble 
{
position: relative;
width: 100%;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}

.bubble:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 36px 50px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -50px;
	left:60%;
}
	#calcular_avanzada_1
	{
		font-size: 300%;
		text-align: center;
		margin-left: 20%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	footer > p 
	{
		width: 100%;
		height: 20%;
		text-align: center;
		font-family: fuente_2;
		font-size: 300%;
	}
	#informacion_general_4
	{
		font-size: 30%;
		margin: 0px;
		padding: 0px;
	}
	 #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 17%;
		height: 80px;
		margin-left: 1%;
		font-size: 150%;
	}
	#calcular_simple_1
	{
		font-size: 250%;
		text-align: center;
		margin-left: 20%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	header > img
	{
		width: 10%;
		float: right;
		padding: 0px;
		height: 85px;
	}	
	header > img:active
	{
		width: 11%;
		float: right;
		padding: 0px;
		height: 90px;
	}
	#encabezado_simple , #encabezado_avanzado, #encabezado_ayuda
	{	
		font-size:200%;
		text-align: center;
		color:#708090;
		text-shadow:1px 1px black;
	}
	#informacion_general_8_id_cabecera,
	#informacion_general_9_rangos_cabecera,
	#informacion_general_10_broadcast_cabecera,
	#informacion_general_7
	{
		font-size: 100%;
		font-family: fuente_1;
		border: solid grey;
		border-collapse: collapse;
		text-align: center;
	}
	#mascara_vlsm_1_numero, #mascara_vlsm_2_numero,
	#mascara_vlsm_3_numero, #mascara_vlsm_4_numero,
	#mascara_vlsm_5_numero
	{
		width: 80%;
		height: 100%;
		font-size: 100%;
		font-family: fuente_1;
		border-radius: 2px 2px;
		background: transparent;
		border: 2px solid;
		text-align: center;
	}

	#informacion_general_avanzada_8_1_mascara_cabecera,
	#informacion_general_avanzada_8_id_cabecera,
	#informacion_general_avanzada_9_rangos_cabecera,
	#informacion_general_avanzada_10_broadcast_cabecera,
	#informacion_general_avanzada_7
	{
		font-family: fuente_1;
		font-size: 90%;
		border: solid grey;
		text-align:center;
	}	

	#label_simple , #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 15%;
		height: 100px;
		margin-left: 1%;
	}

}	

















@media screen and (min-width: 500px) and (max-width: 799px)
{
		.bubble 
{
position: relative;
width: 100%;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}

.bubble:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 36px 50px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -50px;
	left:50%;
}
	#calcular_avanzada_1
	{
		font-size: 200%;
		text-align: center;
		margin-left: 25%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	footer > p 
	{
		width: 99%;
		height: 20%;
		text-align: center;
		font-family: fuente_2;
		font-size: 200%;
	}
	#informacion_general_4
	{
		font-size: 30%;
		margin: 0px;
		padding: 0px;
	}
	 #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 17%;
		height: 80px;
		margin-left: 1%;
		font-size: 150%;
	}
	#calcular_simple_1
	{
		font-size: 150%;
		text-align: center;
		margin-left: 20%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	header > img
	{
		width: 15%;
		float: right;
		padding: 0px;
		height: 85px;
	}	
	header > img:active
	{
		width: 11%;
		float: right;
		padding: 0px;
		height: 90px;
	}
	#encabezado_simple , #encabezado_avanzado, #encabezado_ayuda
	{	
		font-size:180%;
		text-align: center;
		color:#708090;
		text-shadow:1px 1px black;
	}
	#informacion_general_8_id_cabecera,
	#informacion_general_9_rangos_cabecera,
	#informacion_general_10_broadcast_cabecera,
	#informacion_general_7
	{
		font-size: 80%;
		font-family: fuente_1;
		border: solid grey;
		border-collapse: collapse;
		text-align: center;
	}
	#mascara_vlsm_1_numero, #mascara_vlsm_2_numero,
	#mascara_vlsm_3_numero, #mascara_vlsm_4_numero,
	#mascara_vlsm_5_numero
	{
		width: 70%;
		height: 100%;
		font-size: 100%;
		font-family: fuente_1;
		border-radius: 2px 2px;
		background: transparent;
		border: 2px solid;
		text-align: center;
	}

	#informacion_general_avanzada_8_1_mascara_cabecera,
	#informacion_general_avanzada_8_id_cabecera,
	#informacion_general_avanzada_9_rangos_cabecera,
	#informacion_general_avanzada_10_broadcast_cabecera,
	#informacion_general_avanzada_7
	{
		font-family: fuente_1;
		font-size: 90%;
		border: solid grey;
		text-align:center;
	}	
	#label_simple
	{
		font-size: 200%;
	}
	#primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 14%;
		height: 50px;
		margin: 0px;
		margin-left: 1%;
		font-size: 120%;
	}

	header
	{
		width: 98%;
	    background:rgb(0,153,153);
	  	margin: 0px;
		padding: 0px;
		margin-left: 1%;
	    top:0px;
	    border:1px solid transparent;
	}	
	#informacion_general_8_id,
	#informacion_general_10_broadcast
	{
		font-size: 70%;
		border: solid grey; 
		text-align: center;
		border-collapse: collapse;
	}
	#informacion_general_9_rangos
	{
		font-size: 20%;
	}

	#informacion_general_2
	{
		font-size: 40%;
	}

	#informacion_general_avanzada_9_rangos,#informacion_general_avanzada_8_1_mascara,
	#informacion_general_avanzada_8_id,
	#informacion_general_avanzada_10_broadcast
	{
		font-size: 30%;	
	}
	#informacion_general_avanzada_4
	{
		font-size: 50%;
	}
}	
















@media screen and (min-width: 300px) and (max-width: 499px)
{
	#calcular_avanzada_1
	{
		font-size: 200%;
		text-align: center;
		margin-left:10%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	footer > p 
	{
		width: 99%;
		height: 20%;
		text-align: center;
		font-family: fuente_2;
		font-size: 100%;
	}
	#informacion_general_4
	{
		font-size: 30%;
		margin: 0px;
		padding: 0px;
	}
	 #primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 17%;
		height: 80px;
		margin-left: 1%;
		font-size: 150%;
	}
	#primer_octeto_avanzado ,#segundo_octeto_avanzado, #tercer_octeto_avanzado ,#cuarto_octeto_avanzado 
	{
		width: 19%;
		height: 30px;
		margin-left: 1%;
		font-size: 100%;
	}
	#calcular_simple_1
	{
		font-size: 200%;
		text-align: center;
		margin-left: 10%;
		border: 1px solid;
		box-shadow: 1px 10px 10px black;
		border-radius: 20px 20px;
		font-family: fuente_1;
	}
	header > img
	{
		width: 25%;
		float: right;
		padding: 0px;
		height: 85px;
	}	
	header > img:active
	{
		width: 26%;
		float: right;
		padding: 0px;
		height: 86px;
	}
	#encabezado_simple , #encabezado_avanzado, #encabezado_ayuda
	{	
		font-size:100%;
		text-align: center;
		color:#708090;
		text-shadow:1px 1px black;
		margin-bottom: 15%;
	}
	#informacion_general_8_id_cabecera,
	#informacion_general_9_rangos_cabecera,
	#informacion_general_10_broadcast_cabecera,
	#informacion_general_7
	{
		font-size: 40%;
		font-family: fuente_1;
		border: solid grey;
		border-collapse: collapse;
		text-align: center;
	}
	#mascara_vlsm_1_numero, #mascara_vlsm_2_numero,
	#mascara_vlsm_3_numero, #mascara_vlsm_4_numero,
	#mascara_vlsm_5_numero
	{
		width: 65%;
		height: 100%;
		font-size: 90%;
		font-family: fuente_1;
		border-radius: 2px 2px;
		background: transparent;
		border: 2px solid;
		text-align: center;
	}

	#informacion_general_avanzada_8_1_mascara_cabecera,
	#informacion_general_avanzada_8_id_cabecera,
	#informacion_general_avanzada_9_rangos_cabecera,
	#informacion_general_avanzada_10_broadcast_cabecera,
	#informacion_general_avanzada_7
	{
		font-size: 50%;
		font-family: fuente_1;
		border: solid grey;
		border-collapse: collapse;
		text-align: center;

	}	
	#label_avanzado
	{
		margin-bottom: 10px;
	}
	#label_simple
	{
		font-size: 200%;
	}
	.slash
	{
		font-size: 200%;
	}
	#primer_octeto_simple ,#segundo_octeto_simple, #tercer_octeto_simple ,#cuarto_octeto_simple , #mascara_simple
	{
		width: 14%;
		height: 20px;
		margin: 0px;
		margin-left: 1%;
		font-size: 50%;
	}

	header
	{
		width: 98%;
	    background:rgb(0,153,153);
	  	margin: 0px;
		padding: 0px;
		margin-left: 1%;
	    top:0px;
	    border:1px solid transparent;
	}	
	#informacion_general_8_id,
	#informacion_general_10_broadcast
	{
		font-size: 70%;
		border: solid grey; 
		text-align: center;
		border-collapse: collapse;
	}
	#informacion_general_9_rangos
	{
		font-size: 20%;
	}

	#informacion_general_2
	{
		font-size: 40%;
	}
	#informacion_general_avanzada_8_1_mascara,
	#informacion_general_avanzada_8_id,
	#informacion_general_avanzada_10_broadcast
	{
		font-size: 40%;
	}

	#informacion_general_avanzada_9_rangos
	{
		font-size:30%;	
	}
	#informacion_general_avanzada_4
	{
		font-size: 50%;
	}
	
	#cuerpo_calculadora_simple, #calculadora_simple, 
	#calculadora_avanzada, #cuerpo_calculadora_avanzada
	{
		margin: 0px;
		padding: 0px;
		width: 100%;
		
	}

	#informacion_general_simple_1,
	#informacion_general_1,
	#informacion_general_simple_3,
	#informacion_general_simple_5
	{
		font-size: 70%;
		width: 40%;
		height: 50%;
		font-family: fuente_1;
		text-align: center;
	}
	#mas, #menos
	{
		width: 35%;
		margin-left: 10%;
		height: 70px;
		border: 1px solid black;
		background: transparent;
		border-radius: 5px 5px;
		font-family: fuente_1;
		font-size: 200%;
		color:#8D9BDF;
		text-shadow:1px 1px black;
	}



	#nav > ul
	{
		list-style-type: none;
	}
	#nav > ul > li
	{
		cursor: pointer;

	}
	#nav
	{
		visibility: hidden;
		margin-left: 48%;
		width: 50%;
		height: 90px;
	}
	header > nav
	{
		margin: 0px;
		padding: 0px;
		top:-100px;
		background:url(../imagenes/fondo_menu.jpg);
		color:white;	
		position: relative;
		visibility: hidden;
	}


.bubble 
{
position: relative;
width: 100%;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 36px 50px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -50px;
left:40%;
}


#nav > ul > li
{
	cursor: pointer;
	color: black;
	font-size: 70%;
	font-family: verdana;
	width: 100%;
}

#nav > ul
{
	list-style-type: none;
	margin-left: 0%;
	padding-top: 0%;
}

#nav > ul > li:hover
{
	text-shadow:.5px .5px;
	transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(5px);
	-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(5px);
	-ms- transform: rotate(0deg) scale(1) skew(1deg) translate(5px);
	-o- transform: rotate(0deg) scale(1) skew(1deg) translate(5px);
}



/* INICIO DE IMAGENES DE AYUDA*/
#imagen_menu
{
	background: url(../imagenes/dispositivo/menu.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_sola
{
	background: url(../imagenes/dispositivo/simple_sola.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_error
{
	background: url(../imagenes/dispositivo/simple_error.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_simple_correcto
{
	background: url(../imagenes/dispositivo/simple_correcto.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 900px;
	width: 99%;
}
#imagen_calculadora_avanzada_sola
{
	background: url(../imagenes/dispositivo/avanzada_sola.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 700px;
	width: 99%;
}
#imagen_calculadora_avanzada_error
{
	background: url(../imagenes/dispositivo/avanzada_error.png) no-repeat center center fixed;
	background-size: 98% 100%;
	height: 600px;
	width: 99%;
}
#imagen_calculadora_avanzada_correcto
{
	background: url(../imagenes/dispositivo/avanzada_correcta.png) no-repeat center center fixed;
	background-size: 85% 110%;
	height: 1200px;
	width: 99%;
}
/* FIN DE IMAGENES DE AYUDA*/

#cuerpo_ayuda > p
{
	text-align: justify;
	font-size: verdana;
	font-size: 100%;
	padding-left: 4%;
	padding-right: 4%;
	color: #191970;
}

}