/* PARTE COMÚN: FORMULARIOS */

form.conexion {
  background: none repeat scroll 0 0 #F1F1F1;
  border: 1px solid #DDDDDD;
  margin: 0 auto;
  padding: 20px;
  max-width: 90%;
  width: 300px;}

form.conexion div {
  margin-bottom: 15px;
  overflow: hidden;}

form.conexion div p {
  font-style:italic;
  text-align:center; }

form.conexion div label {
  font-style:italic;
  display: block;
  float: left;
  line-height: 25px;}

form.conexion div input[type="text"]{
  border: 1px solid #DCDCDC;
  padding: 4px;
/*  width: 200px;*/
}

form.conexion div textarea {
  border: 1px solid #DCDCDC;
  float: left;
  padding: 4px;
  height: 50px;
  width: 250px;
}

form.conexion div select {
  border: 1px solid #DCDCDC;
  background-color: white;
  float: right;
  padding: 4px;
/*  width: 200px;*/
}

form.conexion div input[type="button"] {
  background: none repeat scroll 0 0 #DEDEDE;
  border: 1px solid #C6C6C6;
  float: right;
  font-weight: bold;
  padding: 4px 20px;}



/* PARTE COMÚN: BARRA DE NAVEGACION */

nav {
  text-align: center;
  margin: 0 auto 20px;
  position: relative;
  font: 12px Tahoma; sans-serif;
  border-bottom: 1px solid #999;  }

nav ul{
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;  }

nav li {
  background-color: #002248;
  position: relative;
  float: left;
  list-style-type: none;
  text-align: left; }

nav li a {
  display: block;
  padding: 5px 10px;
  border-top: 3px solid white;
  border-right: 3px solid white;
  color: #000;
  font-weight:bold;
  text-decoration: none;  }

nav li a:link{
  color: #ffffff; }

nav li a:visited{
  color: #ffffff; }

nav li a:hover{
  color: cyan; }

nav li a:active{
  color: #000000; }

nav li a:focus {
  outline: none;  }

nav li:first-child a {
  border-left: none;  }

nav li.ultimo a {
  border-right: none;  }

nav li:hover ul {
  display: block;  }



/* PARTE COMÚN: DISTINTOS TIPOS DE PARÁGRAFOS */

p.inicio:first-letter{
  font-size: 200%;}

p.traduccion{
	color:		brown;
	text-align:	right;
	font-style:	italic;}

p.pie{
  font-size:   75%;
  font-style:  italic;
  margin-left: 5px;
  text-align:  left;
  color:       #A52A2A;}

p.conexion {
  color:       green;
  font-size:   70%;
  text-align:  right;}

p.caso{
  margin-left:   auto;
  margin-right:  auto;
  font-size:     90%;
  font-style:    italic;
  text-align:    justify;
  max-width:     400px;}

p.solucion{
  margin-left:   auto;
  margin-right:  auto;
  font-size:     90%;
  /*font-style:    italic;*/
  text-align:    justify;
  color:         gray;
  max-width:         400px;}

p.error {
  color:       red;
  font-weight: bold;
  text-align:  center;
  font-style:  italic;
  font-size:   150%;}

p.teoria{
  background-color: cyan;
  border-radius:    0.5em }

p.output{
  background-color: #dddddd;
  border-radius:    0.5em }

p.espaciado{
  margin-top: 2cm; }





/* PARTE COMÚN: TÍTULOS E SUBTÍTULOS */

h1{
  font-size:   200%;
  font-style:  italic;
  color:       blue;
  font-weight: bold;
  text-align:  center;
  /*margin-top:  30px;*/}

h2{
  font-size:   120%;
  font-style:  italic;
  color:       blue;
  font-weight: bold;
  text-align:  center;
  margin-top:  2cm; }

h3{
  font-size:   100%;
  font-style:  italic;
  color:       black;
  font-weight: bold;
  text-align:  center; }

h4{
  max-width: 500px;
  margin-left:   auto;
  margin-right:  auto;

  font-size:   90%;
  font-style:  italic;
  color:       blue;
  text-align:  left; }


/* PARTE COMÚN: TÁBOAS */

table {
  border-collapse: collapse;
  margin-left:  auto;
  margin-right: auto;
  text-align: left; }

th {
  text-align: center; }


/* PARTE COMÚN: IMAXES */

img.centro {
  display:      block; 
  max-width: 100%;
  margin-left:  auto;
  margin-right: auto; }


/* PARTE COMÚN: LENZO */

canvas{
  display:      block; 
  max-width:    100%;
  margin-left:  auto;
  margin-right: auto;
  background-color: #F1F1F1;
  border: 1px solid #DDDDDD;}


/* PARTE COMÚN: CONTEDORES */

div.solucion{
  display: none;
  color:   red;}

div.jxgbox{
  margin-left:   auto;
  margin-right:  auto;
  text-align:    justify;}

div.hist{
  max-width: 500px;
  margin-left:   auto;
  margin-right:  auto;
  background-color: #ffff99;
  border: 2px solid #0066FF;
  border-radius: 25px;}

div.teoria{
  max-width: 500px;
  margin-left:   auto;
  margin-right:  auto;
  background-color: salmon;
  border-radius:    0.5em }

div.demo{
  max-width: 500px;
  margin-left:   auto;
  margin-right:  auto;
  background-color: #00FFFF;
  border-radius: 0.5em;}

div.exemplo{
  color:        gray;
  max-width:    500px;
  padding:      10px;
  margin-left:  auto;
  margin-right: auto;
  border-left:  black 2px solid;
  border-right: black 2px solid; }

/* PARTE COMÚN: CITAS */

blockquote{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;}


/* PARTE COMÚN: PRE */

pre.input{
  background-color: #999999;
  color: black; } 

pre.output{
  background-color: #dddddd; }

pre.lisp{
  background-color: #f0eb97;
  margin-top:  2cm; }




/* PANTALLA GRANDE */

@media only screen and (min-width: 850px) 
{

/* TÁBOAS */

table {
  max-width: 450px; }


/* PARÁGRAFOS */

p{
  max-width: 500px;
  margin-left:   auto;
  margin-right:  auto;
  text-align:    justify; }

p.traduccion{
	color:		brown;
	max-width:	500px;
	text-align:	right;
	font-size:	75%;
	font-style:	italic;}

p.output{
  background-color: #dddddd;
  max-width:    700px;
  border-radius:    0.5em }


/* PARÁGRAFO SEN FORMATO */

pre{
  margin-left:  auto;
  margin-right: auto;
  max-width:    700px;
  border-radius: 0.5em;
  /* overflow:    auto; */
  font-size:    100%;
  font-family:  "Courier", monospace;
  font-weight:  bold; }


/* LIÑAS */

hr{
  height: 2px;
  width:  75%;}

hr.largo{
  height: 2px;
  width:  100%;}


/* CORPO */

body {
  margin: 0 auto;
  font: 15px serif;}


/* LISTADOS */

li.sinmarca{
  list-style-type: none; }

ul.simple {
  margin-left:   auto;
  margin-right:  auto;
  font-size:     100%;
  text-align:    justify;
  color:         #000000;
  width:         400px; }

ol.simple {
  margin-left:   auto;
  margin-right:  auto;
  font-size:     100%;
  text-align:    justify;
  color:         #000000;
  width:         400px; }

dl.simple {
  margin-left:   auto;
  margin-right:  auto;
  font-size:     100%;
  text-align:    justify;
  color:         #000000;
  width:         400px; }


/* LIGAZÓNS */

a:link{
  color:           #3D3D3D;
  text-decoration: none; }
a:visited{
  color:           #3366CC;
  text-decoration: none; }
a:hover{
  color:           #FF0088;
  text-decoration: none; }
a:active{
  color:           #3D3D3D;
  text-decoration: none; }

}







/* PANTALLA MEDIANA  */

@media only screen and (max-width: 850px) 
{

body {
  width: auto;}

p{
  width: auto;
  text-align: justify;}

p.caso{
  width: auto;}

hr{
  width: auto;}

hr.largo{
  width: auto;}

td.parrafo {
  width: auto;}

td.tabladatos {
  width: auto; }

td.menu{
  width: auto;}

td.texto {
  width: auto; }

img {
   max-width: 300px; }

img.banner {
   width: 100%;
   max-width: 250px; }

pre{
  width: auto; } 

/* LIGAZÓNS */

a:link{
  color: #3D3D3D;}
a:visited{
  color: #3366CC; }
a:hover{
  color: #FF0088; }
a:active{
  color: #3D3D3D; }

/* MENU MEDIANO */
nav li {
  width:50%; }

}






/* PANTALLA PEQUENA  */

@media only screen and (max-width: 400px) 
{
/* MENÚ PEQUENO */
nav li {
  width:100%; }

}