@charset "utf-8";

body{
	margin:0px;;
    font-family: Arial, Helvetica, sans-serif, "Lucida Grande";
	height:auto;
	background:url(../images/fondo.png) repeat-y scroll center center;
	}

#container{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:auto;
}

.img_boton{
	border:none;
}

h1 {
	font-size: 26px;
	color: #000;
	text-decoration: none;
	font-style: normal;
}

h2 {
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-style: normal;
}

h3 {
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-style: normal;
}

.red{ color:#fd0100;}
.orange{ color:#eb7e00;}
.yellow{ color:#ffbf00;}
.green{ color:#43d067;}
.purple{ color:#85408E;}
.lila{ color:#ce10ae;}
.blue{ color:#40b8d1;}
.grey{ color:#8b8b8b;}
.white{ color: #FFF; margin-left:20px;}

p {
	line-height: normal;
    font-family: Arial, Helvetica, sans-serif, "Lucida Grande";
	font-size:12px;
}

hr {
	color: #000;
}

.p_small {
	margin-top:5px;;
	line-height: normal;
	color: #FFF;
    font-family: Arial, Helvetica, sans-serif, "Lucida Grande";
	font-size:12px;
}


/*---------------------------------BOTON  font-weight:bold;---------------------------------*/

.boton_menu{ font-size:14px;  float:left; width:auto; height:auto; }

.boton_menu  a{text-decoration:none;  color: #333; }

.boton_menu  a:hover{text-decoration:none;   color: #000; font-size:14px;}


/*---------------------------------TOP ---------------------------------*/


#top{
	background-image:url(../images/top.png);
	float:left;
	width:800px;
	height:230px;
}

#logo{
	width:220px;
	height:120px;
	padding-left:10px;
	padding-top:40px;
	}
	
#buscar{
	width:200px;
	height:20px;
	padding-left:530px;
	padding-top:40px;
}

#buscar_textfield{
	float:left;
	width:230px;
	height:20px;
}

#buscar_bt{
	float:left;
	width:40px;
	height:20px;
}

/*------------------------------------------------MIDDLE ---------------------------------------------*/

#middle{
	background-image: url(../images/middle.png) ; background-repeat:no-repeat;
	float:left;
	width:800px;
	height:auto;
}

/*---------------------------------------MENU --------------------------------------*/

#menu{
	float:left;
	width:160px;
	height:auto;
	padding-left:20px;
}

#bt1{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/inicio_bt.gif)}
#bt2{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/videoteca_bt.gif)}
#bt3{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/descargas_bt.gif)}
#bt4{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/cuanto_sabes_bt.gif)}
#bt5{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/blog_bt.gif)}
#bt6{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/web_colegas_bt.gif)}
#bt7{ padding-left:14px; padding-top:14px; float:left; width:144px; height:26px; background-image:url(../images/botones/tranki_consejos_bt.gif)}
#bt8{ padding-left:14px; padding-top:14px; padding-right:16px; float:left; width:128px; height:56px; background-image:url(../images/botones/acosado_bt.gif)}
#bt9{ padding-left:14px; padding-top:14px; padding-right:16px; float:left; width:128px; height:56px; background-image:url(../images/botones/educadores_bt.gif)}

/*---------------------------------------CONTENT --------------------------------------*/

#content{
	float:left;
  width:400px;
  height:auto;
  padding:20px;
	}
	
.video{
	width:400px;
	height:324px;
	padding-bottom:30px;
}

#test{
	float:left;
  width:400px;
  height:auto;

	}
	
/*---------------------------------IMAGENES ---------------------------------*/

.img_content_01{
	float: right;
	width:auto;
	height:auto;
}

.img_content_02{
	padding-top:10px;
	padding-bottom:15px;
	padding-right:15px;
	float: left;
	width:auto;
	height:auto;
}
	
/*---------------------------------------NOTRICIAS --------------------------------------*/

#noticias{
	float:left;
  width:180px;
  height:auto;
	}

#noticias_titulo{
	padding-top:15px;
	margin-top:15px;
	float:left;
  width:180px;
  height:60px;
	}
#noticias_content{
	padding-left:15px;
	padding-right:40px;
	float:left;
  width:125px;
  height:auto;
	}
	
.texto_titular{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#42BAD6;
	line-height: 15px;
	font-variant: normal;
}
.texto_noticia{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	line-height: 15px;
	font-variant: normal;
}

.img_noticia{
	border:none;
	width:130px; 
	height:auto;
}
/*--------------------------------aqui   #29B2CE  azul------------------------------------------*/

.aqui {
   font-size: 10pt;
   text-decoration: none;
   line-height: 16px;
}
.aqui:link,
.aqui:visited {
   font-size: 10pt;
   color: #E71C73;
   text-decoration: none;
   line-height: 16px;
}
.aqui:hover {
   font-size: 10pt;
   color: #999;
   text-decoration: none;
   line-height: 16px;
}
/*---------------------------------------Legal --------------------------------------*/

#legal{
	text-align:center;
	float:left;
  width:800px;
  height:auto;
	}

/*---------------------------------------WE BCOLEGAS --------------------------------------*/
.web_colegas{
	float:left;
	width:400px;
	height:auto;
}

/*---------------------------------------DESCARGAS --------------------------------------*/

.descargas{
	float:left;
	width:400px;
	height:auto;}


/*---------------------------------BOTTOM ---------------------------------*/

#bottom{
	background-image:url(../images/bottom.png);
	background-repeat: no-repeat;
	float:left;
	width:800px;
	height:auto;
}

#bottom_down{
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	width:800px;
	height:auto;
}

#logo_fundacion{
	float:left;
	width:160px;
	height:80px;
	padding-left:20px;
}

#logo_avanza{
	margin-top:40px;
	padding-left:260px;
	float:left;
	width:170px;
	height:40px;
}

#logo_ministerio{
	margin-top:40px;
	float:left;
	width:190px;
	height:40px;
}

#pie{
	float:left;
	width:480px;
	height:auto;
	padding-left:10px;
}


/*---------------------------------BASE VIDEO ---------------------------------*/


#base_video_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_3{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_4{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_5{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_6{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_7{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_8{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_9{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}
#base_video_10{padding-top:10px; padding-left:30px; background-image:url(../images/base_video.png); width:370px; height:32px;}

/*---------------------------------BASE DESCARGAS ---------------------------------*/

#base_descargas_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_descargas.png); width:370px; height:32px;}
#base_descargas_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_descargas.png); width:370px; height:32px;}
#base_descargas_3{padding-top:10px; padding-left:30px; background-image:url(../images/base_descargas.png); width:370px; height:32px;}
#base_descargas_4{padding-top:10px; padding-left:30px; background-image:url(../images/base_descargas.png); width:370px; height:32px;}

/*---------------------------------BASE test ---------------------------------*/

#base_test_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_test.png); width:370px; height:32px;}
#base_test_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_test.png); width:370px; height:32px;}
#base_test_3{padding-top:10px; padding-left:30px; background-image:url(../images/base_test.png); width:370px; height:32px;}
#base_test_4{padding-top:10px; padding-left:30px; background-image:url(../images/base_test.png); width:370px; height:32px;}

/*---------------------------------BASE CONSJOS ---------------------------------*/

#base_consejos_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_consejos.png); width:370px; height:32px;}
#base_consejos_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_consejos.png); width:370px; height:32px;}
#base_consejos_3{padding-top:10px; padding-left:30px; background-image:url(../images/base_consejos.png); width:370px; height:32px;}
#base_consejos_4{padding-top:10px; padding-left:30px; background-image:url(../images/base_consejos.png); width:370px; height:32px;}

/*---------------------------------BASE ACOSADO ---------------------------------*/

#base_acosado_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_acosado.png); width:370px; height:32px;}
#base_acosado_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_acosado.png); width:370px; height:32px;}

/*---------------------------------BASE educadores ---------------------------------*/

#base_educadores_1{padding-top:10px; padding-left:30px; background-image:url(../images/base_educadores.png); width:370px; height:32px;}
#base_educadores_2{padding-top:10px; padding-left:30px; background-image:url(../images/base_educadores.png); width:370px; height:32px;}
#base_educadores_3{padding-top:10px; padding-left:30px; background-image:url(../images/base_educadores.png); width:370px; height:32px;}

.boton{ font-size:16px; font-weight:bold;  }

.boton  a{text-decoration:none;  color: #333; }

.boton a:hover{text-decoration:none;  color: #CCC; font-size:16px;}

.boton_small{ font-size:14px; font-weight:bold;  }

.boton_small  a{text-decoration:none;  color: #333; }

.boton_small a:hover{text-decoration:none;  color: #CCC; font-size:14px;}

.validator{
	float:right;
	width:100px;
	height:auto;
	}