/* definimos un estilo para el elemento que tenga id="menuIzquierdo,
esto es valido no solo para div sino para cualquier elemento con esa ID, en otras páginas.
Ver HTML 4.0 common attributes (En una página solo puede haber un elemento con la misma ID)
*/

body {
    color: black;
}

#menuIzquierdo {
	/*font-family: Verdana; */
	font-family: arial;
	font-size:10pt;
	color: gray;
	/* Con comillas no funciona:  background-color: "rgb(234,255,255)";*/
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px;
}

/* definimos un estilo para el elemento que tenga id="Cabecera */
#Cabecera {
	font-size: 10pt;
	color: red;
	font-family: verdana, sans-serif;
	background-color: white;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 1;

}

/* definimos una clase Divisiones para aplicarla a los div  y a CUALQUIER OTRO elemento que necesitemos */
.Divisiones {
	/* La misma de google: */
	font-size: 10pt;
	font-family: Verdana;
	color: #626262;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Ddefinimos otra clase Divisiones2 para aplicarla a los div  y a cualquier otro elemento que necesitemos */
.divisiones2 {
	/* La misma de google: */
   font-size: 10pt; 
	font-family: arial, sans-serif;
	color: #626262;
   background-color:rgb(192,192,192) ;
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px;
   }

/* definimos una clase Separador para aplicarla a los barras separadoras */
.Separador {
	font-size: 10pt;
	color: #ffd700;
	font-family: Tahoma, sans-serif;
	background-color: #003871;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	position: absolute;
	z-index: 5;
	height: 10px;
	left: 4px;
	top: 161px;
	visibility: visible;



}

/* definimos una clase ColumnasBlog para aplicarla a las columnas de los blog*/
.ColumnasBlog {
	font-size: 10pt;
	background-color: white;
	font-family: Verdana;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-top: 1px;
	position: absolute;
	color: #626262;
	width: 954px;

}

/* Las etiquetas <pre> que estén dentro de las columnas del blog*/
.ColumnasBlog pre{
	color: red;
}

/* definimos una clase para aplicarla a las columnas de los blog */
.IndiceBlog {
	font-size: 10pt;
	background-color: white;
	font-family: Verdana;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-top: 1px;
	position: absolute;
	color: black;
	outline-color: navy;
	visibility: visible;

}

/*	Especificaciones para los hipervínculos con clase IndiceBlog */
a.IndiceBlog  {
	text-decoration: none;
	color: #808080;
}


H1 {
	font-size: xx-small; 
	color: red; 
	font-family: Verdana,sans-serif;
	background-color:#0080C0
}

/* 
   Se pueden poner varios de una vez así: 
   a,td,p {
	   FONT-SIZE: x-small; COLOR: green; FONT-FAMILY: Verdana
   }
*/


/*Especificaciones para los hipervínculos en general*/
a {
    opacity: 0.8;
	color: blue;
	text-decoration: underline;
	font-family: Verdana;
}

/*Hoover cuando pasan el mouse por encima*/
a:hover {
    opacity: 1;
}

/*
    .example{
        background: url() !important;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -webkit-transition: opacity 0.3s linear;
    }
    .example:hover{
        background: url(ii_back.png) !important;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 0.5s linear;
    }
*/

/*Clase para cierto tipo de hipervinculos*/
.linksSeparadores {
  color: yellow;
}

/*Especificaciones para las tablas */
table {
  font-size: 10pt; 
  /*color:rgb(9,115,115); */
  font-family: verdana;
}
table.parciales {
	font-family: tahoma;
	font-size: 12px;
	color: #2A2A2A; /*Gris oscuro*/
	padding: 2px;
	border-color: grey grey grey grey; /*Los bordes exteriores de la tabla. No los de las celdas*/
	border-width: 1px 1px 1px 1px;
	border-style: groove;
    border-collapse:collapse;
}

table.parciales tr {
	border-width: 1px;
	padding: 2px;
	border-style: groove;   /*Los bordes de las filas*/
	border-color: green;
	background-color: white;
    text-align:center;
}
table.parciales td {
	border-width: 1px;  /*Los borde de las columnas*/
	padding: 2px;
	border-style: groove;
	border-color: lightgrey;
	background-color: white;
    text-align:center;
}


span.titulos {
	color: black;
	font-weight: bolder;
}

.resaltado {
    color: #001da2;
    background-color: yellow;
}

.resaltadoSuave {
	background-color: lightgrey;
}

.pequena {
	font-family: tahoma;
	font-size: 11px;
}

/*Divisiones con lass mainbody*/
div.mainbody {
	position: relative;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: white;
	color: black;
	border: 1px solid black;
/*        overflow: auto;        */
	height: 1516px;
	top: 10px;
	font-size: 10pt;
	font-family: Verdana;
	left: 7px;

}

/*Divisiones con class mainbody*/
div.mainbodySmall {
	position: relative;
	width: 612px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: white;
	color: black;
	border: 1px solid black;
	height: 410px;
	top: 49px;
	font-size: 10pt;
	font-family: Verdana;
	left: 33px;
        overflow: auto;        

}

/*Flotante se refiere a que no se centra automáticamente*/
div.mainbodySmallFlotante {
	position: relative;
	width: 450px;
	padding: 10px;
	background-color: white;
	color: black;
	border: 1px solid black;
	height: 481px;
	top: 33px;
	font-size: 10pt;
	font-family: Verdana;
	left: 396px;

}
.destacar {
    color: red;
	font-weight: bolder;
    font-size:18px;
}