.tabla { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align: left;width: 800px;}
 .tabla th {padding: 5px;font-size: 16px;background-color: #83aec0;background-image: url(fondo_th.png);background-repeat: repeat-x;color: #FFFFFF;
border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #558FA6;
border-bottom-color: #558FA6;font-family: “Trebuchet MS”, Arial;text-transform: uppercase;}
.tabla .modo1 {font-size: 12px;font-weight:bold;background-color: #e2ebef;background-image: url(fondo_tr01.png);background-repeat: repeat-x;color: #000;
font-family: “Trebuchet MS”, Arial;}
.tabla .modo1 td {padding: 5px;padding-left:45px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;
	border-right-color: #A4C4D0;border-bottom-color: #A4C4D0;text-align:left;}
.tabla .modo1 th {background-image: url(fondo_tr01a.png);background-position: left top;font-size: 12px;font-weight:bold;text-align: left;
background-color: #e2ebef;background-repeat: repeat-x;color: #34484E;font-family: “Trebuchet MS”, Arial;border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #A4C4D0;border-bottom-color: #A4C4D0;
}
.tabla .modo2 {font-size: 12px;font-weight:bold;background-color: #dddddd;background-image: url(fondo_tr02.png);background-repeat: repeat-x;color: #000;
font-family: “Trebuchet MS”, Arial;text-align:left;}
.tabla .modo2 td {padding: 5px;padding-left:45px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;
	border-right-color: #EBE9BC;border-bottom-color: #EBE9BC;}
.tabla .modo2 th {background-image: url(fondo_tr02a.png);background-position: left top;font-size: 12px;font-weight:bold;background-color: #fdfdf1;
background-repeat: repeat-x;color: #990000;font-family: “Trebuchet MS”, Arial;text-align:left;border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #EBE9BC;border-bottom-color: #EBE9BC;}



#content {position: relative;height: auto !important;height: 100%;min-height: 100%;font: 400 0.8em  "Century Gothic",verdana, arial, sans-serif; line-height: 170%;color: #555;}
/************************************************  Topbar with newsletter form and theme change buttons************************/
#topbar {float: left;width: 100%;padding: 0.6em 0;font-size: 0.9em;text-transform: uppercase;color: #CFD9DB;background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;}
/**************************************************************  Top menu and logo**************************************************************/
#header {clear: both;position: relative;height: 5em;margin: 0 auto;background: #48525B url(../images/bg/header.gif) repeat-x bottom left;border-bottom: 2px solid #48525B;background-color: #48525B;}
#header img {position: absolute;top: 5%;left: 10px;}
#header ul {margin: 3.5em 1em 0 0 !important;margin: 3.5em 0.5em 0 0;padding: 0;float: right;}
#header ul li {display: inline;list-style: none;}
#header ul li a {float: left;padding: 0 1em;font: 400 1.1em arial, sans-serif;letter-spacing: 0.1em;line-height: 0.8em !important;  line-height: 1em;color: #cccccc;border-right: 1px solid #4D5760;}
#header ul li a.last {padding-right: 0; border-right: 0;}
#header ul li a:hover { color: #3B5D77;}
/**************************************************************   Header Image/Flash Movie ********************************************************/
#headerImg {margin: 0 auto;  height: 107px; }
/**************************************************************   Top Block Menu **************************************************************/
#menu {	position: relative;	margin: 0 auto;	z-index: 1;	width: 100%;}
#menu ul {	position: absolute;	top: -20px;	*top: -25px;left: -30px;}
#menu ul li {  display: inline;  margin: 0;  padding: 0;  list-style: none;}
#menu ul li a {	color: #000;	letter-spacing: 0.1em;	font: bold .9em arial, helvetica, sans-serif;	float: left;	padding-right: 15px;}
#menu ul li a span {  display: block;  padding: 2px 7px;}
#menu ul li a span.desc {  font-size: 1em;  color: #ADB2FF;}
#menu ul li a:hover,#menu ul li a.here { background: transparent;color: #000099;font: bold 1.1em arial, helvetica, sans-serif;}
#menu ul li a:hover span.desc,#menu ul li a.here span.desc { color: #000;}
/* Top menu icons */
#menu ul li a span.speaker {padding-left: 22px;background: url(../images/icons/speaker.gif) no-repeat 5px 50%;}
#menu ul li a:hover span.speaker {background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;}
#menu ul li a span.bubble {  padding-left: 24px;  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;}
#menu ul li a:hover span.bubble { background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;}
#menu ul li a span.heart {  padding-left: 20px;  background: url(../images/icons/heart.gif) no-repeat 3px 50%;}
#menu ul li a:hover span.heart {  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;}
#menu ul li a span.dollar {padding-left: 20px; background: url(../images/icons/dollar.gif) no-repeat 4px 50%;}
#menu ul li a:hover span.dollar { background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;}
/*************************************************************Page Content**************************************************************/
#page { clear: both; float: left; width: 100%; margin-bottom: 6em; text-align: left;}
#columns { margin: 50px auto;background-color:#ffffff;}
/* Column widths */
.width {  width: 800px;}
.widthPad {  width: 800px;}
.width25 {  width: 24%;}
.width50 {  width: 48%;}.width73 {  width: 73%;}
.width75 {  width: 75%;}
.width100 {  width: 100%;}
/**************************************************************   Footer **************************************************************/
#footer {  clear: both;float: right;width: 100%;height: 3em;margin-top: 0em;font: 400 0.8em  "Century Gothic",verdana, arial, sans-serif; }
#footer #bg {position: relative;top: 30px;height: 5em;margin: 0 auto;background: #66cbff;}
#footer #bg ul { float: right; padding: 0;}
#footer #bg ul li { display: inline;  list-style: none;}
#footer #bg ul li a {float: right;padding: 0 1em;font: 400 0.8em  "Century Gothic",verdana, arial, sans-serif;letter-spacing: 0.1em;line-height: 0.8em !important;line-height: 1em;  color: #FFFFFF; border-right: 1px solid #4D5760;}
#footer #bg ul li a.last { padding-right: 0;  border-right: 0;}
#footer #bg ul li a:hover {  color: #6666C0;}
#footer #bg img {  position: absolute;  top: 6%;  left: 10px;}
/**************************************************  Icons specific to the colour theme*********************************************/
a.lightTheme img,a.darkTheme img,a.submitButton img {  width: 20px;  height: 20px;  vertical-align: middle;}
a.lightTheme img {  background: url(../images/icons/light_light_theme.gif) no-repeat center center;}
a.darkTheme img {  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;}
a.submitButton img {  background: url(../images/icons/light_submit.gif) no-repeat center center;}
/*************************************************************   Posts**************************************************************/
.post {  float: left;width: 100% !important;width: 99%;position: relative;margin-bottom: 1.5em;border-bottom: 1px solid #CCCCCC;}
.post .date {  position: absolute;top: 0;left: 5px;width: 2.3em; text-align: right;}
.post .date .month { text-transform: uppercase;  font: 700 1.0em arial, sans-serif;  color: #888;}
.post .date .day {  display: block;  margin-top: -5px;  font: 700 2.1em arial, sans-serif;  color: #888;}
.post .title {  display: block;  padding: 0 0 5px 0;  font-size: 1.2em;  font-weight: bold;  color: #586B7A;}
.post p {  margin: 0 0 0 3.5em;  padding:  0 0 1em 1.2em;  border-left: 1px solid #CCCCCC;}
.post li {  margin: 0 0 0 3.5em;}
.post ul {  margin: 0 0 0 3.5em;  border-left: 1px solid #CCCCCC;}
/**************************************************************   Thumbnail Lists **************************************************************/
ul.thumbs,ul.thumbs li {  margin: 0;  padding: 0;}
ul.thumbs li {  margin: 0 0 15px 0 !important;  margin: 0;  padding: 0px;  list-style: none;}
a.thumb img { border: 5px solid #ccc;}
a:hover.thumb img {  background: #8EB4C6;  border: 5px solid #668FA3;}
a:hover.thumb {  background: none;}
a.thumb span {display: block;margin-top: -5px !important; margin-top: -2px;}
/************************************************************   Submenu Styles**************************************************************/
ul.submenu1,ul.submenu2 {margin: 0 0 20px 0;padding: 0;}
ul.submenu1 li,ul.submenu2 li{margin: 0;padding: 0;list-style: none;list-style-image: url(foo.gif); /* because IE is balls */}
ul.submenu1 li a,ul.submenu2 li a {display: block; height: auto !important; /* Start hide from IE Mac \*/  height: 1%; /* End hide from IE Mac */padding: 1px 5px 1px 20px;}
ul.submenu1 li a {  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;}
ul.submenu1 a:hover {  color: #426F85;  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;}
ul.submenu2 li a {  color: #426F85;  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;}
ul.submenu2 a:hover {color: #426F85; background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;}
/**************************************************************   Generic Display  **************************************************************/
.block {  display: block;}
.clear {  clear: both;}
.marginRight {  margin-right: 15px;}
.paddingLeft {  padding-left: 5px;}
.paddingRight {  padding-right: 5px;}
.floatLeft {  background:url (../images/izquierdaOK.png) no-repeat 0 0 ;float: left;}
.floatRight {  float: right;}
.alignLeft {  text-align: left;}
.alignRight {  text-align: right;}
.alignTop {  vertical-align: top;}
.alignMiddle {  vertical-align: middle;}
.alignBottom {  vertical-align: bottom;}
.lightBlueBg {  background-color: #EAEFF5;}
.dark {  color: #353E47;}
.raya{  border-top:1px #353E47 ;}
/**************************************************************   menu izquierda **************************************************************/
.headerizq ul{list-style:none;}    
#nav ul {direction: ltr;list-style: none;padding: 0 0px 0px 0;margin: 0;}
#nav li {padding-left: 1px;}
#nav li a {font: italic .99em arial, helvetica, sans-serif;background: transparent;color: #000 ;text-align: left;margin: 10px 0px 0px 0px;padding-left: 10px;   text-decoration: none;}
#nav li a:hover {font: italic .85em arial, helvetica, sans-serif;color: #E63924; }
/***************************************************************Menu superior pagina*********************************************************************/
#nap ul {direction: ltr;list-style: none;padding: 5px 0px 20px 0px;margin: 0;}
#nap ul li {display: inline;}
#nap li a {font: 1em arial, helvetica, sans-serif;background: transparent;color: #6B6B6B;text-align: center;margin: 10px 0 0px 0px;padding-left: 5px;padding-right: 5px;text-decoration: none;border-right: solid 1px #BFBFBF;}
#nap li a:hover{background: transparent url(images/flourish.gif) left center no-repeat;font: 1em arial, helvetica, sans-serif;color: #2C634B;    }
#nap li a#current{background: transparent url(images/flourish.gif) left center no-repeat;font: 1em arial, helvetica, sans-serif; color: #2C634B;    }
#tblbr table tr {border-bottom: 1px solid #999;}
.contacto td {	height: 200px;	border-top: 3px solid #6B6B6B;	}
.alumnos {height: 145px;border-top: 3px solid #6B6B6B;border-bottom: 3px solid #6B6B6B;	line-height: 17px;}
.arriba {	vertical-align: top;	}
.alumnos img {	border: solid 1px #717171;	margin: 2px;}
.naplogin {	width:30%;	text-align: right;}
.small {	padding-top: -10px;	font-size: 8px;	color: #8B8B7F;	}
.tit_tema {	padding-top: 5px;	font-size: 12px;}
.text_tema {	font-size: 12px;}
.link {	text-decoration: underline;	font-size: 10px;	color: #A69F9F;}
.academicos {	text-decoration: underline;}

.noticias a {  color: #c70000;}
.fotoizq{ float:left;margin-left:0pt;margin-right:1em;}
.fotoder{ float:right;margin-right:0pt;margin-left:1em;}





