* {
    padding: 0;
    margin: 0;
} 


body {
background: #25579c;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
color: #222;
}

h3 { color: #aaa; font-size: 13px; margin: 10px 0 10px 0; }
ol { padding-left: 20px; }
img { border: none; }
a { color: #1D87EF; text-decoration: none; }
a:hover { text-decoration: underline; color : #ff0000; }

#wrap {
margin: 20px auto;
width: 800px;
}
#wrap2 {

width: 1200px;
}

#top {
background: #25579c url(images/top.gif) no-repeat;
padding: 5px 0;
border-bottom: 0px;
}

#header {
padding-left:11px;
background:url(images/header.gif) no-repeat;
height: 100px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -3px;
}
#header h1 a {
text-decoration: none;
color: #333;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #30A5F2;
font-size: 17px;
font-weight: 100;
letter-spacing: -1px;
padding: 0 0 0 30px;
}

#menu_principal {
width: 690px;
height: 320PX;;
padding-left:60px;
background-color:#FFFFFF;
}

#menu_principal ul li {
list-style:none;
margin-top:.9em;
}

#menu_robot {
	width:360px;
	height:300px;
	background-color:#FFFFFF;
	left: 565px;
	margin-right:60px;
	float:left;


}


/*MENU  BOTONES*/

#menu2 {
height: 34px;
background: #4FA0F2 url(images/menu4.gif) no-repeat;
padding-left:20px;
padding-top:5px;

}

#menu {
height: 27px;
background: #4FA0F2 url(images/menu.gif) no-repeat;
padding-left:10px;
padding-top:3px;

}
/*#menu ul {
padding-left: 0px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 0px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}
*/
#content {
padding: 10px 10px;
background: #25579c url(images/content2.gif) repeat-y;
z-index:1;

}

#intro {
width: 690px;
height: 500px;
padding-left:90px;
background-color:#FFFFFF;
}

.fuente1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.fuente2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.fuente3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0000FF;
}
.fuente4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000099;
}
.fuente5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}
.fuente6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}
.gris {
background-color:#CCCCCC;
}
.rojok{
color:#3BB9FF;
text-align: center;

}
.rojo22{
color:#FF0000;
text-align: center;

}
.negro{
color:#3BB9FF;
text-align: center;

}
.rojo2{
font-family: Arial, Helvetica, sans-serif;
color:#FF0000;
font-size: 11px;
text-decoration: underline;

}

#texto {
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 16px;
	height:360px;
	width:470;
	float:left;
	display:block;
	overflow:auto;
	background: #f3ed27 ;
	padding: 0px 0px 0px 0px;
	
}



#texto3 {
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 16px;
	height:60px;
	width:755px;
	float:left;
	display:block;
	overflow:auto;
	padding: 0px 0px 0px 0px;
	background: #f3ed27 url(images/left_note.png) left no-repeat;
	
	
}

#texto2 {
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 16px;
	height:151px;
	width:760px;
	float:left;
	display:block;
	overflow:auto;
	padding: 0px 0px 0px 0px;
	background: url(images/postito2.png) center no-repeat;
	
	
}




#titi {
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 16px;
	height:300px;
	
	width:480;
	float:left;
	display:block;
	overflow:auto;
	background: #f3ed27 url(images/bottom_posit.jpg) bottom center no-repeat;
	padding: 0px 0px 0px 0px;
	
}
#texto table {
margin-left: 20px;
}


.naranja{
color:#FF9933;
text-align: center;
}
.verde{
color:#33FF00;
text-align: center;

}
.verde2{
color: #006600;
font-size: 10px;

}


.prueba{
color: #FFFFFF;
background-color:#000000;
}


.azul1{
color: #0033FF;
font-size: 8px;

}

.blanco {
background-color:#FFFFFF;
}

.blancof {
background-color:#FFFFFF;
}

.blancon {
background-color:#CCCCCC;
}


.grisclaro {
background-color:#E0E0E0;
}


.grisclarof {
background-color:#E0E0E0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}



.right {
float: right;
width: 580px;
text-align: justify;
padding: 0 10px 10px 10px;
}

.lefto {
float: rigth;
width: 580px;
text-align: justify;
padding: 0 10px 10px 10px;
background-image:url(images/conect_img.gif);
background-position: bottom;
background-repeat:no-repeat;
}
.right_big {
float: right;
width: 580px;
height: 400px;
padding: 0 10px 10px 10px;
background-image:url(images/conect_img.gif);
background-position: bottom;
background-repeat:no-repeat;
}

.right_big2 {
float: right;
width: 580px;
height: 580px;
padding: 0 10px 10px 10px;

}


.right_big3 {
float: left;
width: 640px;
height: 480px;
padding: 0 10px 10px 10px;

}
.right_big4 {
float: left;
width: 850px;
padding: 0 10px 10px 10px;
}

.right_big5 {
float: left;
width: 750px;
height: 650px;
padding: 0 10px 10px 10px;

}

.right_big6 {
float: left;
width: 640px;
height: 480px;
padding: 0px 10px 10px 10px;

}

.right_usu {
float: right;
width: 580px;
text-align: justify;
padding: 0 10px 10px 30px;
}
.right h2 {
color: #0099FF;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;

}
.left2 {
float: left;

padding: 10px;

}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 15px;
}
.left ul li {
padding: 1px 5px 1px 20px;
background: transparent url(images/apple.gif) no-repeat;
text-align:left;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #ff0000;
}

#footer {
background: #333 url(images/footer.gif) no-repeat;
height: 30px;
text-align: center;
line-height: 30px;
color: #eee;
font-size: 11px;
}
#footer  a { color: #eee; }

#bottom {
background: #25579c url(images/bottom.gif) no-repeat;
padding: 5px 0;
}

#form1{
text-align:left; 
padding-right:200px;
width:60px; 
font-size:10px; 
color: #666666;
}




$ans = 0/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


.boton {
      
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       font-size; 9px;
       color:#FFFFFF;
       background: url(images/vista1/btn_blueblack3.gif) no-repeat;
       width:180px;
       height:28px;
       border:0px;

}

.boton2 {
      
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       font-size; 9px;
       color:#FFFFFF;
       background: url(images/vista1/btn_blueblack4.gif) no-repeat;
       width:120px;
       height:28px;
       border:0px;
	  

}

.boton3 {
      
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       font-size; 9px;
       color:#FFFFFF;
       background: url(images/vista1/btn_blueblack2.gif) no-repeat;
       width:90px;
       height:30px;
       border:0px;
	  

}

.boton4 {
      
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       font-size; 9px;
       color:#FFFFFF;
       background: url(images/vista1/btn_blueblack4.gif) no-repeat;
       width:100px;
       height:30px;
       border:0px;
	  

}
.boton_refresh {
      
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       font-size; 9px;
       color:#FFFFFF;
       background: url(images/refresh.png) no-repeat;
       width:23px;
       height:23px;
       border:0px;
	  

}


.thead
{
	background: #b7ccfc url(images/gradient_thead2.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
       
       font-size; 9px;
       font.color:#FFFFFF;

}



.thead2
{
	background: #b7ccfc url(images/gradient_thead1.gif) repeat-x top left;
	
	font: 12px tahoma, verdana, geneva, lucida,  arial, helvetica, sans-serif;
}



.thead3
{
	
	font: 9px tahoma, verdana, geneva, lucida,  arial, helvetica, sans-serif;
}
.tborder
{
	background: #e2e1ea;
	color: #000000;
	border: 2px solid #0066CC;
}
.alt1, .alt1Active
{
	background: #eff0f4;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #4D528C;
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #4D528C;
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #4D528C;
	text-decoration: underline;
}


.alt2, .alt2Active
{
	background: #F5F5FF;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #4D528C;
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #4D528C;
	text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #4D528C;
	text-decoration: underline;
}












#lienzo {
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 10px;
	height:157px;
	width:418px;
	float:left;
	display:block;
	overflow:auto;
	padding: 0px 0px 0px 0px;
	
	
}


#nota{
	margin:0px;
	border:0px;
	font: Arial bold;
	font-size: 10px;
	height:252;
	width:512;
	float:left;
	display:block;
	overflow:auto;
	padding: 0px 0px 0px 0px;
	background: url(images/nota1.jpg) left no-repeat;
	
	
}
.textoarea{
height:107px;
width:448px;
 background-image: url(images/write.jpg);

 border:0px;
 color:ff0000; 
}

.textoarea2{
 background-image: url(images/write.jpg);
  background-repeat:repeat;
 border:0px;
 color:ff0000; 
}




#postit {
	margin:10px;
	border:40px;
	font: Arial bold;
	font-size: 10px;
	height:200px;
	width:562px;
	float:left;
	overflow:auto;
	padding: 0px 15px 0px 0px;
		background-image: url(images/nota1.jpg);
background-repeat: repeat-x;

	
}

#postit_sav {
	margin:10px;
	border:40px;
	font: Arial bold;
	font-size: 10px;
	height:247px;
	width:755px;
	float:left;
	overflow:auto;
	padding: 0px 15px 0px 0px;
	background: url(images/nota1.jpg) repeat-yes ;
	background-repeat:repeat;	
	
}
.textoarea3{
  background-image: url(images/write.jpg);
  background-color: transparent;
  border:0px;
  color:#006600;
}

.input2 {
background-color: #FFFFFF;
border: 1px solid #333333;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

.input2:focus {
background-color: #81BEF7;
border: 1px solid #333333;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}