/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
background: #C6C6C6;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- Links --------- */

a {
color: #930;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
color: #2D598D;
}

h1 {
background: transparent url("img/bullet_red.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 110%;
}

h2 {
background: transparent url("img/bullet_orange.gif") no-repeat 0 55%;
padding-left: 30px;
font-size: 105%;
}

h3 {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 100%;
}

/* --- Wrap --------- */

#wrap {
background: transparent url("img/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Wrap --------- */

#wrap1 {
background: transparent url("img/bgd_container1.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url("img/header.jpg") no-repeat top left;
height: 70px;
margin: 0;
}

#banner p {
background: transparent url("img/large_bullet_yellow.gif") no-repeat 0 90%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
background: transparent url("img/toplevel.jpg") no-repeat top left;
height: 68px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
height: 42px;
font: bold Georgia, "Times New Roman", Times, serif;
font-size: 80%;
line-height: 1.25em;
}

#nav-meta ul {
margin: 0px 24px 0 50px;
}

#nav-meta ul li {
display: inline;
float: left;
}

#nav-meta ul li a {
display: block;
background: transparent url("img/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0 10px 0 8px;
color: #FFD50F;
text-decoration: none;
}

#nav-meta ul li a:hover {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
background: #eee;
font-size: 11px;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 2px;
width: 150px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("img/tabs.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;
white-space: nowrap;}

#nav-main ul li a.current {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
color: #930;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -26px;
color: #930;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -5px;
}

/* --- Container --------- */

#container {
margin: 0 17px;
}

/* --- Content --------- */

#content {
float: left;
margin: 0;
padding: 16px;
width: 550px;
}

#content p, #content ol, #content ul {
font-size: 100%;
line-height: 1.5em;
}

/* --- Nav subs --------- */
#nav-subs {
position: relative;
margin: 0 0 0 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 1px solid #8EA7C6;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #8EA7C6;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #2D598D;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
}

#nav-subs ul li a.youarehere {
color: #930;
}

/* --- Nav section --------- */

#nav-section {
background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
padding-top: 24px;
min-height: 156px;
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
}

/* --- Info site --------- */

#info-site {
position: relative;
clear: both;
background: transparent url("img/footer.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-site p {
font-size: 75%;
}

/* --- Info company --------- */

#info-company {
color: #FFD50F;
margin: 0 16px;
}

#info-company a {
color: #A5BCD3;
text-decoration: none;
}

#info-company a:hover {
color: #FFF;
}

/* --- Info standards --------- */

p#info-standards {
margin: 4px 314px 0 314px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("img/xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}

html>body a#xhtml {
margin: 0 82px 0 0;
}

a#xhtml:hover {
border: 1px solid #FFD50F;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent url("img/css.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}

html>body #css {
margin: 0 0 0 82px;
}

a#css:hover {
border: 1px solid #FFD50F;
}

#css span {
display: none;
}

#calendario {
	border: 1px solid #C1C1C1;
	/*background:#FFFFFF;*/
	width:151px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #01356E;
	margin: auto;
	text-align:center;
	padding: 3px;
}
	
#calendario #fechas{
	width:135px;
	margin:5px;
}
#calendario #fechas .fecha_on{
	width: 18px;
	background: url(images/fondo_fecha_on.gif) no-repeat 0px 0px;
	padding: 2px;
	margin: 1px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}
#calendario #fechas .fecha_off{
	width: 18px;
	background:url(images/fondo_fecha_off.gif) no-repeat 0px 0px;
	padding: 2px;
	margin: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

#calendario #fechas .fecha_on a:link{
	margin: 0px -10px 0px -2px;
	padding: 0px;
	width: 18px;
	/*text-align: center;*/
	font-weight: bold;
	color: black;
}

*html #calendario #fechas .fecha_on a:link{
	margin: 0px -5px 0px -5px;
}

#calendario a:link, #calendario a:visited{
	margin: 0em 0em 0em 4px;
	font-weight: normal;
	color: #003939;
}

/*Estilos Calendarios: Los estilos corresponden a la plantilla interna de los eventos.*/
#seleccione_evento{
	width: 93%; 
	margin: 8px 0px 3px 20px; 
}
	
#calendario_eventos_recuadro{
	width: 480px; 
	margin: 0px 0px 8px -13px; 
	text-align:center; 
	padding: 3px 0px;
}

*html #calendario_eventos_recuadro{
	width: 530px; 
	margin: 0px 0px 8px 120px;
}

#calendario_eventos_recuadro .titulo_calendario{
	
	font: bold 15px Arial, Helvetica, sans-serif; 
	color: #2D6DE2; 
	margin: 8px 0px 2px 0px; 
	text-align: center;
}

#calendario_eventos_recuadro .titulo_calendario a:link,
#calendario_eventos_recuadro .titulo_calendario a:visited {
	text-decoration: none;
}

#calendario_eventos_recuadro .fecha_calendario{
	width: 90%;  
	border-right:1px solid #999999; 
	border-top:1px solid #999999; 
	margin: auto;
}

#calendario_eventos_recuadro .fecha_calendario th{
	background: #2D6DE2; 
	text-align:center; 
	height: 20px;
	border-left:1px solid #999999; 
	border-bottom:1px solid #999999; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
}

#calendario_eventos_recuadro .fecha_calendario .calendario_off{
	height: 50px; 
	border-left:1px solid #93B4F0; 
	border-bottom:1px solid #93B4F0; 
	text-align:left; 
	background:#E2EBFB; 
	font: 9px Arial, Helvetica, sans-serif; 
	color:#1950B6; 
	vertical-align:top; 
	margin: 3px;
}

#calendario_eventos_recuadro .fecha_calendario .calendario_on{
	height: 50px; 
	border-left:1px solid #93B4F0; 
	border-bottom:1px solid #93B4F0; 
	text-align:left; 
	background:#AFC7F4; 
	font: 9px Arial, Helvetica, sans-serif; 
	color:#1950B6; 
	vertical-align:top; 
	margin: 3px; 
	cursor:pointer;
}

#calendario_eventos_recuadro .fecha_calendario .calendario_on a{ 
	text-decoration:underline; 
	color:#5F8FE8; 
}

#calendario_eventos_recuadro .fecha_calendario .calendario_on a:hover{
	text-decoration:none;
	color:#5F8FE8;
}

#calendario_eventos_recuadro .cambiar_mes{
	width: 90%;
	background:#2D6DE2;
	font:11px Arial, Helvetica, sans-serif; 
	color: #FFFFFF; /* no quiere cambiar el color */
	height:22px; 
	padding: 2px;
	margin: auto;
}

#calendario_eventos_recuadro .cambiar_mes a{
	font-weight:normal; 
	text-decoration:none; 
	color:#FFFFFF;
}

#calendario_eventos_recuadro .cambiar_mes a:hover{
	font-weight:normal; 
	text-decoration:underline; 
	color:#FFFFFF;
}

#seleccione_evento {
	text-align: center;
	font-size: 75%;
	color: #2D6DE2;
}

.breadcrumb {
	display: none;
}

*html .breadcrumb {
	unicode-bidi: embed;
}

table.perfil {
width: 735px;
border: 1px #2eabe1 solid;
margin: 0 auto 1em auto;
}

table.perfil thead th {

font: bold .5em/1.0em Verdana, sans-serif;
color: #ffffff;
text-align: center;
padding: .5em;
background-color: #3190f0;
}

table.perfil tbody th {
font: .7em/1.4em Verdana, sans-serif;
color: #ffffff;
text-align: center;
padding: .5em;
border-top: 1px solid #eee;
background-color: #4278af;
}

table.perfil tfoot td {
font: .7em/1.4em Verdana, sans-serif;
color: #000;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9a866;
}

table.perfil tbody td {
color: #666;
text-align: left;
border-top: 1px #c9c9c9 solid;
padding: .5em;
font: .7em/1.4em Verdana, sans-serif;
}
 
table.perfil2 {
width: 600px;
border: 0px #2eabe1 solid;
margin: 0 auto 1em auto;
}

table.perfil2 thead th {

font: bold .5em/1.0em Verdana, sans-serif;
color: #ffffff;
text-align: center;
padding: .5em;
background-color: #3190f0;
}

table.perfil2 tbody th {
font: .7em/1.4em Verdana, sans-serif;
color: #ffffff;
text-align: center;
padding: .5em;
border-top: 1px #eee none;
background-color: #4278af;
}

table.perfil2 tfoot td {
font: .7em/1.4em Verdana, sans-serif;
color: #000;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9a866;
}

table.perfil2 tbody td {
color: #666;
text-align: left;
border-top: 1px #c9c9c9 solid;
padding: .5em;
font: .7em/1.4em Verdana, sans-serif;
}