/* CSS para: Plataforma Virtual de educación, San Andrés. 
   Autor: Marcelo Eduardo Reyes B.
*/
*{ margin:0; padding:0;} 
body { 
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color:#666666;
	background: url(../img/fondo.png) top left;
	text-align: center;}
#wrapper {
	position: relative;
	width: 920px;
	height:100%;
	margin: 0 auto;
	background:#FFFFFF url(../img/bg_content.png) repeat-y top left;
	color:#999999;
	text-align:left;
	border:0px;}
/* --------------------------Links--------------------------- */
a.menu_link:link, a.menu_link:visited {  
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 20px;}	
a.menu_link:hover { 
	color: #FFCC00;
	text-decoration:none;
	padding-left: 20px;}
a.actual {
	color: #FF9900; 
	text-decoration:none;
	padding-left: 20px;}
/* --------------------------Header-------------------------- */
#header { 
	background: url(../img/top_corner.png) no-repeat 0px 0px;
	height: 278px;}
#header h1 {
	display:block;
	width: 365px;
	height: 12px;
	text-indent: -9000px;
	font-size: 1.5em;
	color:#2C7306;
    background: url(../img/banner2.jpg) no-repeat 120px 35px;}	
#header h2 {
	display: block;
	width: 940px;
	height: 278px;
	text-indent: -9000px;
	font-size: 1.5em;
	color: #96D030;
    background: url(../img/banner2.jpg) no-repeat 28px 14px;} 
#header hq1 {
	display:block;
	width: 365px;
	height: 32px;
	text-indent: -9000px;
	font-size: 1.5em;
	color:#2C7306;
    background: url(../img/banner_quien.jpg) no-repeat 120px 35px;}	
#header hq2 {
	display: block;
	width: 940px;
	height: 190px;
	text-indent: -9000px;
	font-size: 1.5em;
	color: #96D030;
	background: url(../img/banner_quien.jpg) no-repeat 28px 14px;}
#header hl1 {
	display:block;
	width: 365px;
	height: 32px;
	text-indent: -9000px;
	font-size: 1.5em;
	color:#2C7306;
	background: url(../img/banner_logros.jpg) no-repeat 120px 35px;}	
#header hl2 {
	display: block;
	width: 940px;
	height: 190px;
	text-indent: -9000px;
	font-size: 1.5em;
	color: #96D030;
	background: url(../img/banner_logros.jpg) no-repeat 28px 14px;}
#header hp1 {
	display:block;
	width: 365px;
	height: 32px;
	text-indent: -9000px;
	font-size: 1.5em;
	color:#2C7306;
	background: url(../img/banner_propuestas.jpg) no-repeat 120px 35px;}	
#header hp2 {
	display: block;
	width: 940px;
	height: 190px;
	text-indent: -9000px;
	font-size: 1.5em;
	color: #96D030;
	background: url(../img/banner_propuestas.jpg) no-repeat 28px 14px;}
#header ha1 {
	display:block;
	width: 365px;
	height: 32px;
	text-indent: -9000px;
	font-size: 1.5em;
	color:#2C7306;
	background: url(../img/banner_actividades.jpg) no-repeat 120px 35px;}	
#header ha2 {
	display: block;
	width: 940px;
	height: 190px;
	text-indent: -9000px;
	font-size: 1.5em;
	color: #96D030;
	background: url(../img/banner_actividades.jpg) no-repeat 28px 14px;}
#header a {
	display: block;
	width: 105px;
	background-color:#333333;
	color: #03c6ff;
	padding: 5px 10px 3px 10px;
	margin-top: -189px;
	margin-left: 675px;
	text-decoration: none;}
/* --------------------------Barra de navegación-------------------------- */
#barra_navegacion {
	position: relative;
	left: 28px;
	top: 0px;
	width: 840px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;}
#barra_navegacion ul#menu{
	display:block;
	width:862px;
	list-style: none;
	padding: 4px 0px 4px 0px;
	background-color:#333333;
	color:#FFFFFF;}
#barra_navegacion ul#menu li{
	display: inline;
	line-height: 17px;
	width: 127px;
	padding-left: 10px;}
/* --------------------------Contenido-------------------------- */
#contenidohome {
	position: relative;
	top: 0px;
	width: 862px;
	/*height: 250;*/
	left: 28px;
	background-color: #FFFFFF; }
	
#contenidobanner {
	position: absolute;
	top: 33px;
	width: 240px;
	height: 240px;
	left: 642px;
    background-color: #FFFFFF; } 

#contenido {
	position: relative;
	top: 0px;
	width: 700px;
	padding-left: 115px;}
#contenido h2 {
	font-size: 13px;
	color: #3399ff;
	font-weight: bold;
	padding: 20px 0px 5px 5px;}
#general h3{
	display:block;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	background-color: #3E4318;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 13px;}
#general h5 {
	font-size: 11px;
	color:#828282;
	text-transform:uppercase;
	padding: 10px 0px 0px 5px;}
#contenido p {
	font-size: 13px;
	color: #828282;
	text-align: justify;
	padding: 10px 20px 0px 5px;}
#general p {
	padding-bottom: 5px;}
#general span.info { 
	display: block;
	padding-left: 5px;}
/* --------------------------Barra Lateral-----------------------*/
#barra_lateral {
	position: absolute;
	top: 68px;
	width: 170px;
	left: 25px;}
/* --------------------------Formulario Mediano----------------- */

#contenido_pag {
	position: absolute;
	top: 28px;
	width: 630px;
	left: 200px;}
/* --------------------------Formulario Mediano----------------- */

#formContenedor{
	width: 180px;
	height: 220px;
	text-align: left;
	margin-left: 14px;
	line-height: 11px;
	background: url(../img/Formmediano.png) no-repeat;}	
form {
	padding: 65px 0px 0px 25px;
	width: 110px;}
label {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	display: block;}
input {
	width: 110px;
	height: 21px;
	border: 1px solid #FFFFFF;
	background: url(../img/textochico.png) no-repeat;
	margin-bottom: 10px;
	color: #666666;
	font-size: 10px; 
	padding: 4px 0px 0px 5px;}
.inputNormal { 
	width: 110px;
	height: 21px;
	border: 1px solid #FFFFFF;
	background: url(../img/textochico.png) no-repeat;
	margin-bottom: 10px;
	color: #666666;
	font-size: 10px; 
	padding: 4px 0px 0px 5px;}
.inputError{
	width: 110px;
	height: 21px;
	border: 1px solid #FFFFFF;
	background: url(../img/textochicoerror.png) no-repeat;
	margin-bottom: 10px;
	color: #666666;
	font-size: 10px; 
	padding: 4px 0px 0px 5px;}
.campo {
	width: 130px;
	height: 21px;
	border: none;}
.btnform { width:59px; height:19px; border: 0; cursor: pointer; font-family:Verdana; font-size:10px; background-image: url(../img/boton.png); }
.btnok { width:45px; height:19px; border: 0; cursor: pointer; font-family:Verdana; font-size:10px; background-image: url(../img/botonchico.png); }
#boton1 {
	position: absolute;
	left: 40px;
	top: 200px;}
#boton2 {
	position: absolute;
	left: 108px;
	top: 200px;}
#transparencia{
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	display:none;
	opacity:0.93;
	filter:alpha(opacity="93");
	left: 14px;
	top: 65px;}
#transparenciaMensaje{
	position:relative;
	width:180px;
	min-height:100px;
	height: auto!important;
	height: 100px;
	border: 2px solid #21a6bf;}
#transparenciaMensaje p{
	text-align: center;
	color: #666666;
	font-size: 11px;
	padding: 10px 2px 10px 2px;}
/* --------------------------Footer-------------------------- */
#footer {
	width: 922px;
	height: 120px;
	top: 1200px;
	background: url(../img/bottom_corner.png) no-repeat 0px 50px;
	clear:both;}
#footer span{ 
	display: block;
	width: 822px;
	margin-left: 28px;
	padding: 15px 0px 15px 40px;
	background-color: #2C2C2C;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;}
#footer h6#last_update{
	display: block;
	width: 200px;
	margin-top: -48px;
	margin-left: 555px;
	margin-bottom: 1px;
	padding: 15px 0px 0px 45px;
	font-size: 9px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color:#FFFFFF;}
.power {
	position: relative;
	text-align: center;
	left: 80px;
	top: 0px;
	width: 760px;}
.power ul{
	width:760px;
	list-style: none;
	padding: 8px 0px 3px 0px;
	color:#FFFFFF;}
.power ul li{
	display: inline;
	line-height: 17px;
	width: 127px;
	padding-left: 10px;} .TituloNoticia {	font-size: large;	font-weight: bold;	color: #000000;}.SubtituloNoticia {	font-size: large;	font-style: italic;	font-weight: bold;	color: #000000;	font-size: medium;}