body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#dbe8f0; margin:0 auto 0 auto;}

*{padding:0; margin:0;}

a{outline:0;}

#contenedor{background:url(../images/background.jpg) repeat-y; width:830px;}

/* //////  HEADER  ////// */
#header{background:url(../images/cabecera.jpg) 0 0 no-repeat; width:680px; height:376px;}
.logo{background:url(../images/logo.jpg) no-repeat; float:right; margin-right:15px;}
.logo a{width:271px; height:55px; display:block;}
.logo a span{display:none;}

/* //////  CONTENT  ////// */
#content{background:url(../images/top-content-c.jpg) 0 top no-repeat #fff; width:356px; padding:90px 0 100px 0; text-align:left;}
#content h1{color:#6eb0dc; font-size:20px; padding:15px 10px 10px 10px; letter-spacing:0.01em;}
#content h2{color:#000000; font-size:14px; padding:10px;}
#content p{padding:5px 10px 5px 10px;}
#content strong{color:#474747;}
#content ul{padding:30px;}
#content ul li{padding:3px 0 0 0;}
#content a{text-decoration:underline; color:#45687f;}
#content a:hover{background-color:#ceebff; color:#000; text-decoration:none;}
#content .img{float:left; margin:5px;}

#content a.nada{text-decoration:none; color:#000;}
#content a.nada:hover{text-decoration:none;}


#right{width:270px;}
#rightN, #rightF{width:275px;}
#rightS{width:271px;}
#rightC{width:305px;}
#right, #rightN, #rightS, #rightF, #rightC{background:url(../images/top-content-d.jpg) 0 top no-repeat; padding:70px 19px 0 0;}

.rightLink{padding:0 0 0 10px; text-align:left;}
.rightLink a{color:#838383; text-decoration:none; padding:0 10px 0 0;}
.rightLink a:hover{text-decoration:underline;}

.rightLink a.xs{font-size:12px;}
.rightLink a.s{font-size:14px;}
.rightLink a.m{font-size:16px;}
.rightLink a.l{font-size:18px;}
.rightLink a.xl{font-size:20px;}

.contactTable{margin:5px 0 5px 15px;}
.contact{width:80px; font-weight:bold;}
.text{height:15px;}
.text, .textarea{width:220px; border:1px solid #bebebe; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0 2px 0 2px;}

/* //////  LEFT & MENU  ////// */
#menu{background:url(../images/cabecera-menu.jpg) no-repeat; width:194px; padding:375px 0 40px 0; text-align:left;}

#menu .contMenu{padding:0 15px 0 20px;}

#menu .contMenu .history{background:url(../images/history-menu.gif) -6px 0 no-repeat; width:153px; height:52px; display:block; margin:0 0 5px 0;}
#menu .contMenu .teaching{background:url(../images/teaching-menu.gif) -6px 0 no-repeat; width:153px; height:18px; display:block; margin:0 0 3px 0;}
#menu .contMenu .resources{background:url(../images/resources-menu.gif) -6px 0 no-repeat; width:153px; height:31px; display:block; margin:0 0 6px 0;}
#menu .contMenu .about{background:url(../images/about-menu.gif) -6px 0 no-repeat; width:153px; height:18px; display:block; margin:0 0 5px 0;}

#menu .contMenu .history span, #menu .contMenu .teaching span, #menu .contMenu .resources span, #menu .contMenu .about span{display:none;}

#menu a{color:#5e5e5e; text-decoration:none;}
#menu a:hover{color:#222;}

/* //////  FOOTER  ////// */
#footer{color:#bcbcbc; font-size:9px; height:22px;}
#footer a{color:#bcbcbc; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer .valid{float:right; margin:-11px 30px 0 0;}