/* CSS Document */



body {
	font-family:"Verdana", Times New Roman, Times, serif;
	font-size:10px;
	color:#333333;
	line-height:14px;
	cursor:default;
	margin:0;
	font-weight: bold;

}

#container {
	width:782px;
	border:1px none #cccccc;
	padding:0px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#containerpdf {
	width:700px;
	border:1px none #cccccc;
	padding:0px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {

	width:780px;

	background-color:#ffffff;

	height:115px;

	border:0px;
	
	

}

#menu {

	width:780px;

	background-color:#ffffff;

	height:32px;

	border:0px;
	
	color:#CC0000;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:150%;

	font-weight:bold;

	line-height:20px;

}


#izq {
	width:450px;
	padding:5px;
	float:left;
	clear:left;
	border-top: 1px none #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px none #cccccc;
	border-left: 1px none #cccccc;

	
}
#sidebar h1,h2,h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#CC0000;
	border:none;
	background-image:none;
}

.der {
	padding:5px;
	border: 1px none #cccccc;
	float: right;
	width: 310px;

	
}

h1 {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	padding:12px;
	color:#0084c9;
	border-bottom:2px solid #0084c9;
	padding-bottom:5px;
	padding-top:5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image:url("../images/icoazul.gif");
	background-position:top left;
	background-repeat:no-repeat;
	letter-spacing: -1px;

}

h2 {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	padding:12px;
	color:#d81e05;
	border-bottom:2px solid #d81e05;
	padding-bottom:5px;
	padding-top:5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image:url("../images/icorojo.gif");
	background-position:top left;
	background-repeat:no-repeat;
	letter-spacing: -1px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:10px;
	padding:15px;
	color:#0084c9;
	border-bottom:2px solid #0084c9;
	padding-bottom:5px;
	padding-top:5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image: url("../images/icoazul.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	padding:0px;
	color:#d81e05;
	border-bottom:2px solid #d81e05;
	padding-bottom:5px;
	padding-top:5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image: url("../images/minilogoazul.gif");
	background-position:top right;
	background-repeat:no-repeat;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	padding:0px;
	color:#0084c9;
	border-bottom:2px solid #0084c9;
	padding-bottom:5px;
	padding-top:5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image: url("../images/minilogorojo.gif");
	background-position:top right;
	background-repeat:no-repeat;
}


#menu2 {

	width:780px;

	background-color:#ffffff;

	height:32px;

	border:0px;
	
	color:#CC0000;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:150%;

	font-weight:bold;

	line-height:20px;

}

.comment {
	width:780px;
	border:0px solid #cccccc;
	
}
.area1 {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d81e05;
	padding:5px;
	text-decoration:none;
	background: url(../images/rigth-red.gif) no-repeat left center;
	text-indent: 15px;
	font-weight: bold;
}

.area1 a {
	font-weight:bold;
	text-decoration:underline;
	color:#d81e05;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.area2 {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0084c9;
	padding:5px;
	text-decoration:none;
	background: url(../images/rigth-blue.gif) no-repeat left center;
	text-indent: 15px;
	font-weight: bold;
}

.area2 a {
	font-weight:bold;
	text-decoration:underline;
	color:#0084c9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	
}

/* unordered list style */

ul {
  list-style: none;
  margin: 0 0 0px 0px;
  padding: 0;
  }

.arriba_azul {

	
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0084c9;
	padding-right: 15px;
	text-decoration:underline;
	background: url(../images/up.png) no-repeat right center;
}

.arriba_azul:hover {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0084c9;
	text-decoration:underline;
	background: url(../images/up.png) no-repeat right center;
	padding-right: 15px;
}

.arriba_rojo {

	
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc0000;
	padding-right: 15px;
	text-decoration:underline;
	background: url(../images/upr.png) no-repeat right center;
}

.arriba_rojo:hover {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc0000;
	text-decoration:underline;
	background: url(../images/upr.png) no-repeat right center;
	padding-right: 15px;
}

/* Aula Virtual */

.formLogin { 
  width: 250px;
  margin:auto;
  font-size:12px;
}

.formLogin fieldset {

  background:#F9F9F9 url(../images/bgForm.gif);
  border:1px solid #CCC;
  padding: 10px;
  margin: 0;

}

.formLogin fieldset legend {
	color:#666666;
	font-size: 14px;
}

.formLogin label {
    display: block;
    float: left; 
    padding: 0;
    width:70px;
    margin:5px 5px 5px 0px;

}
 
.formLogin fieldset label:first-letter {
    color:#0084C9;
}

.formLogin input {
    width:50%;
    border:1px solid #A0A0A0;
    font-size:10px;
    padding:3px 0px 3px 25px;

}

.formLogin input#username {
    background:#FFF url(../images/icon_user.gif) no-repeat 5px;
    }

.formLogin input#password {
    background:#FFF url(../images/icon_pass.gif) no-repeat left;
    }

.formLogin input.button {
    width:95%;
    background-color:#D81E05;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
}
/*Formulario */

.myForm { 
  width: 440px;
}
 
.myForm fieldset {
  background-color:#f9f9f9;
  border:1px solid #CCC;
  padding: 10px;
  margin: 0;
}
 
.myForm fieldset legend {
    color:#DA1D09;
}
 
.myForm label {
    display: block;
    float: left; 
    padding: 0;
    margin:0px 0px 5px 0px;
}
 
.myForm fieldset label:first-letter {
    color:#0099FF;
}
.myForm input, .myForm textarea {
    width:95%;    
}

.myForm input.checkbox1 {
    width:5%;     
}

.myForm input.radio {
    width:5%;
	}

.myForm input.buttonE {
    width:48%;
    background-color:#CC3300;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
}

.myForm input.buttonB {
    width:47%;
    background-color:#0084c9;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
} 
 
textarea {
    height:90px;
    }
 
.myForm small {
    color:#999999;
}
/* Menu*/
.mainMenu a{
	display: block;
	padding: 5px 0px 0px 25px;
	text-decoration: none;
	font-weight:normal;
	border-bottom:thin none #CCCCCC;
}

/* SubMenu*/

.subMenuRed a:link, .subMenuRed a:visited{
	color: #000000;
	background: url("pix/sub_red.gif") no-repeat left;
	font-weight: bold;
	font-size: 10px;

}

.subMenuRed a:hover{
	color: #FFF;
	background: #cc0000 url("pix/sub_white.gif") no-repeat left;
	font-weight: bold;
	text-decoration: underline;
}	
.subMenuBlue a:link, .subMenuBlue a:visited{
	color: #000000;
	background: url("pix/sub_blue.gif") no-repeat left;
	font-weight: bold;
	font-size: 10px;

}

.subMenuBlue a:hover{
	color: #FFF;
	background: #0084c9 url("pix/sub_white.gif") no-repeat left;
	font-weight: bold;
	text-decoration: underline;
}


/* Formulario de matrícula */
.maForm { 
  width: 760px;
}
 
.maForm fieldset {
  background-color:#F9F9F9;
  border:1px solid #CCC;
  padding: 10px;
  margin: 0;
}
 
.maForm fieldset legend {
    color:#DA1D09;
}
 
.maForm label {
    display: block;
    float: left; 
    padding: 0;
    margin:0px 0px 5px 0px;

}
 
.maForm fieldset label:first-letter {
    color:#0099FF;
}
.maForm input, .myForm textarea {
    width:99%;     
}

.maForm input.checkbox {
    width:5%;     
}

.maForm input.buttonE {
    width:48%;
    background-color:#CC3300;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
}

.maForm input.buttonB {
    width:47%;
    background-color:#0084c9;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
} 

textarea {
    height:150px;
	
    }
 
.maForm small {
    color:#999999;
}



.words {
	color:#CCCCCC;
	font-family:"Verdana", Times New Roman, Times, serif;
	font-size:8px;
	line-height:14px;
	cursor:default;
	margin:0;
	font-weight: bold;
	width:782px;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}