
/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}
#panelito{
	width: 90%; margin-left: 5%; margin-right: 5%;
	border: dotted; border-color: #BFC0FF; font-family: Lucida Calligraphy;
	font-size: 12px; color: #00f; text-align: center;
}

#fondo1 
{
width: 100%; margin-left: 3%; padding: 5px;
	border: outset; border-color: #26CBFF;
	height: 100%; text-align: center; white-space: normal;
}
#fondo2{
	width: 390px; margin-left: 0px; padding: 5%;
	border: double; border-color: #000080;
}
#fondoazul{
	background-color: #00f; width: 100%; margin-left: 3%;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	color: White; text-align: center; padding-top: 10px; padding-bottom: 10px;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size:;
text-align:;
}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: center;
margin-top: 40px;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	
#regresiva {
 background-color: Red	; font-size: 30px; color: White; width: 370px;
 line-height: 150%; font-family: Abadi MT Condensed Extra Bold;
 height: 250px;
	border: medium; border-color: White; text-align: center; font-weight: bold;
	padding: 10px;
	letter-spacing: 5px; 
}
}
.type {
	list-style: square; text-align: left; font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; color: Blue;
}
.rojo {
	color: Red; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; text-align: center;
}
.lurojo {
	font-family: Lucida Handwriting; font-size: 16px; color: Red;
	text-align: center;  font-weight: bold;
}
.boldazul {
	font-weight:bold; color: Blue; text-align: center; font-size: 10pt;
}
.boldblanco {
font-family: Abadi MT Condensed;
font-weight:bold; color: White; 
background-color: Blue; 
text-align: center;
letter-spacing: 1;
line-height: normal;
font-size:1.2em;
}
.arte { font-family: Lucida Handwriting; font-size: 16px; color: #DAA520;
 text-align: center; width: 90%; margin-left: 5%;}
 .verdanamed {
font-family: Abadi MT Condensed;
background-color: #fff;
color: #0085e0;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 1;
line-height: normal;
font-size:1.2em;
}
.verdanaroja {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; text-align: center;
	font-size: 14px;
}
.verdanaazul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Navy; text-align: center;
	font-size: 15px;
}
.conde {
	font-family: Arial Narrow; font-size: 18px; color: Navy; text-align: center;
}
.palatino {  
color: #243C80 ;  
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
text-align: center;
font-size: 14px;
} 
.gazelle {
	font-family: 'GazelleFLFRegular';
	src: url('GazelleFLF.eot');
	src: local('GazelleFLF Regular'), local('GazelleFLF'), url('GazelleFLF.ttf') format('truetype');
}
.lucida {
	font-family: Lucida Handwriting; font-size: 18px; color: #0002BD; text-align: center;
}
.rosa {
	color: Fuchsia; font-weight: bolder;
}
.arterosa{
	color: Fuchsia; font-family: Lucida Handwriting; font-size: 16px;
 text-align: center; 
}
fdoazul {
	background-color: Blue;
}
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}
#stufi {
	width: 400px;
	text-align: center;
  color: Navy;
  margin-left: 40px;
	}
img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}
#pie {
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;
	  color: Navy;

}

