body {
	margin: 0 auto;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: White;
	text-align: center;
  background-image: url(../img/reloj_cool.png);
  background-position: center;
  background-repeat: no-repeat
}

td { font-family: verdana, arial, helvetica, sans-serif; }

h1, h1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

h1 a:hover {
  background-color: #92b3e8;
  color: #fff;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
  padding: 0 23px 0 30px;
  margin: 0 auto;
}

.Container {
	margin: 12px auto 0 auto;
	text-align: left;
	min-width: 750px;
}

#Header {
	width: 100%;
	background: #92b3e8;
	/*padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
  position: relative;*/
}


#Header h3 {
	font-size: 8pt;
    line-height: 100%;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
  	text-align: left;
	color: #fff;
}

#Header h3.logged {
  position: relative;
  float: right;
  text-align: center;
  font-weight: normal;
  /*width: 280px;*/
  width: 230px;
}

#Header h3.logged a {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

#Footer {
	width: 100%;
	background: #92b3e8;
	text-align: center;
  /*position: absolute;*/
  border-bottom: 1px solid #696969;
  border-top: 1px solid #696969;
  padding-bottom: 3px;
  padding-top: 5px;
  margin-top: 60px;
  margin-bottom: 4px;
}

#Footer h3 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
  color: #FFFFFF;
}

#Footer h3.logged a {
  text-decoration: underline;
  color: #FFFFFF
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 0 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
	color: #fff;
    }

#Tabs ul#MainTabs {
}

div#Tabs a:link, div#Tabs a:visited {
  text-decoration: none;
	color: #fff;
}

#Tabs a:hover, #Tabs ul#MainTabs a:hover {
	background: #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	color: #fff;
 }

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current, #Tabs ul#MainTabs a:hover.current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #222;
	font-weight: normal;
	text-decoration: none;
  margin: 0;
}

.listaopciones {
  margin-top: 18px;
  margin-left: 40px;
  color: #92b3e8;
  list-style-type: square
}

.listaopciones a {
  color: #333;
}

.listaopciones a:hover {
  background-color: #92b3e8;
  color: #fff;
}


/***< mensajes de error **/

.message {
    background-color: #eeeeee;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    padding-top: 0.3em;
    padding-right: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.3em;
    margin-bottom: 1em;
    font-size: 12px;
    font-weight: bold;
  }


#errorMessage {
    border-top-color: red;
    border-right-color: red;
    border-bottom-color: red;
    border-left-color: red;
    color: red;
  }


#noticeMessage {
    border-top-color: green;
    border-right-color: green;
    border-bottom-color: green;
    border-left-color: green;
    color: green;
  }

/***** tabla de semans completas y pendientes  */

td.semana_completa {
    background-color: #92b3e8;
    color: white;
}

td.semana_completa a {
    color: white;
}

td.semana_completa a:hover, a:hover em
{
    color: #FFD700;
    text-decoration: none;
}

td.semana_pendiente {
    background-color: #FF4500;
    color: black;
}

td.semana_pendiente a {
    color: black;
}

td.semana_pendiente a:hover, a:hover em
{
    color: #FFD700;
    text-decoration: none;
}

td.semana_futura {
    background-color: #eaeaea;
    color: black;
}

td.semana_futura a {
    color: #696969;
}

td.semana_futura a:hover, a:hover em
{
    color: #FF4500;
    text-decoration: none;
}