@font-face
{
	font-family: Matematica;
	src: url('fuentes/STIX-Regular.otf') format('opentype');
}

body
{
background-color:#ffffff;
background-image:url('../img/grad3.png');
background-repeat:repeat-x;
/*font-family:"Ubuntu Mono", "Droid Sans Mono", "Lucida Console", Arial, Verdana;*/
font-family:Arial, Verdana;
text-align: center;
}

a
{
	font-size: 1.3em;
}

p
{
	font-family: arial, verdana;
}

.mat {	
	font-family: Matematica;
	font-style: italic; 
	font-weight: bold; 
	font-size: 1.25em;
		}
.if98 {
    width:96%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

nav
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	white-space:nowrap;
}
table
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: arial, verdana;
	font-size: 80%;
	white-space:nowrap;
}

h1
{
color: #0033C;
text-align:center;
/*text-shadow: #0033CC 5px 5px 5px;*/
margin-top: 0px;
}

h1.cel
{
color:#00CCFF;
/*text-shadow: 7px 7px 5px #003399;*/
text-align:center;
}

.rn
{
color:#600000;
/*text-shadow: 7px 7px 5px #ff6600;*/
text-align:center;
}

.ca
{
color:#0000ff;
/*text-shadow: 7px 7px 5px #00ffff;*/
text-align:center;
}

h2
{
text-align:center;
/*text-shadow: #202020 10px 10px 5px;*/
margin-top: 0px;
}

div
{
position: relative;
margin-left: 0.5%;
margin-right: 0.5%;
margin-top: 0.25%;
margin-bottom: 0.25%;
border:1px solid #404040;
background-image:url('../img/grad3.png');
background-repeat:repeat-x;
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
box-shadow: 10px 10px 5px #888888;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}


@keyframes mymove
{
0%   {top:0px; left:0%;}
20%  {top:0px; left:25%;}  
40%  {top:0px; left:50%;}
60%  {top:0px; left:-50%;}
80%  {top:0px; left:-25%;}
100% {top:0px; left:0%;}
}

@-moz-keyframes mymove /* Firefox */
{
0%   {top:0px; left:0%;}
20%  {top:0px; left:25%;}  
40%  {top:0px; left:50%;}
60%  {top:0px; left:-50%;}
80%  {top:0px; left:-25%;}
100% {top:0px; left:0%;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
0%   {top:0px; left:0%;}
20%  {top:0px; left:25%;}  
40%  {top:0px; left:50%;}
60%  {top:0px; left:-50%;}
80%  {top:0px; left:-25%;}
100% {top:0px; left:0%;}
}


#mydiv
{
/*position: relative;*/
margin-left:auto;
margin-right:auto;
text-align:center;
/*border:2px solid #333333;  */
width:112px;
height:40px;
animation:mymove 10s;
-moz-animation:mymove 10s; /* Firefox */
-webkit-animation:mymove 10s; /* Safari and Chrome */
}

#mydiv1
{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}

#cabecera	
{	
	position:relative;
	width:95%;
	height: 15%;
	margin-left: auto;
	margin-right:auto;
}
#tf
{
background-image:url('../img/grad4.png');
position:relative;
width:30%;
height: 5%;
margin-top:5px;
margin-left: auto;
margin-right: auto;
border:2px solid #a1a1a1;
}

#lienzo
{
position: relative;
width:100%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;

}

#izq 
{
position: relative;
margin-top: 5px;
margin-left: 5px;
width:23%;
float:left;
}

#centro 
{
position: relative;
width:50%;
margin-top: 5px;
margin-left:auto;
margin-right:auto;
float: left;
}

#der 
{
margin-top: 5px;
margin-right: 5px;
position: relative;
width:23%;
float: left;
}

#pie
{
	background-image:url('../img/grad4.png');
	background-repeat:repeat-x;
	text-align: center;
	margin-bottom: 5px;
position: relative;
}

a:link {color:#282828; text-decoration:none; /*text-shadow: 7px 7px 5px #003399;*/} /* unvisited link */
a:visited {color:#ff0066; text-decoration:underline;} /* visited link */
a:hover {color:#3366cc;}   /* mouse over link */
a:active {color:#ccff33;}  /* selected link */

#pos_fixed
{
position:fixed;
top:25px;
left:25px;
}

ol
{
	text-align: left;
	margin-left: 20px; 
}
ol.alf 
{
	list-style-type:lower-alpha; 
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
}

ol.ah 
{list-style-type:lower-alpha; 
	}
ol.n {list-style-type:decimal;}
b.i 
{
padding: 5px;
	font-style: italic;
	border:1px solid #181818;
}
td{padding: 5px; font-style:italic; }

ul
{
	text-align: left;
	margin-left: 5px; 
}
hr.a
{
height:3px;
width:95%;
}

/* Rules dealing with "mathsize" attribute */

math {
  font-size:  200%
}