/* estilos comunes y basicos */

@font-face 					
{	
	font-family: 'gobCL';

	/* Para Internet Explorer */
	src: url('gobCL.eot');

	/*  Para el resto de navegadores */
	src: local('gobCL'), url('gobCL.ttf') format('truetype');

}


body {
   color: #000;
	background: #ebebeb;
	margin: 0;
	padding: 0;
    font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

p {
	text-align: justify;
	color: #696969;
}

h1 {
	font-size: 20px;
	line-height: 110%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 2px;
}

h2 {
	font-size: 18px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #1B4B73;
}

h3 {
	font-size: 12px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #7f7f7f;
}

h4 {
	font-size: 14px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
}

a {
	color: #006699;
	text-decoration: none;
}

img {
	border-style: none;
}

header, footer, section {
    display: block; 
}

.clear { clear:both; }
.aligncenter { margin: 0 auto; display: block; }
.alignleft { float: left; 	color: #696969;  }
.alignright { float: right; }
.block { display: block; }
.none { display: none; }

.miga span {font-size: 11px; !important;}

.alignright a{ color: #666666;  }
.alignright a:hover{ text-decoration: underline; color: #006699;  }

.aFooter { text-align: center;  padding-top: 10px; }
.aFooter a{ color: #666666;  }
.aFooter a:hover{ text-decoration: underline; color: #006699;  }

.invisible {
	float: left;
}

.invisible span {
	display: none;
}

.footer_img {
	float: left;	
	padding-left: 40px;
	padding-top: 15px;
	font-size: 10px;
}

.navSubSec { color: #666666; font-size: 11px; font-weight: bold; text-align:right; margin-bottom:5px;}
.navSubSec a{ color: #666666; font-size: 11px; }
.navSubSec a:hover{ text-decoration: underline; color: #006699; font-size: 11px; }

/* banners inferiores  */

#boton_junaeb {
	background: url(img/junaeb.gif) no-repeat;	
	width: 104px;
	height: 44px;	
	padding-right: 40px;
}

#boton_integra {
	background: url(img/integra.gif) no-repeat;	
	width: 58px;
	height: 44px;
	padding-right: 40px;
}

#boton_dibam {
	background: url(img/dibam.gif) no-repeat;	
	width: 104px;
	height: 44px;	
	padding-right: 40px;
}

#boton_junji {
	background: url(img/junji.gif) no-repeat;	
	width: 92px;
	height: 44px;	
	padding-right: 40px;
}

#boton_conicyt {
	background: url(img/conicyt.gif) no-repeat;	
	width: 145px;
	height: 57px;	
}

/* fin estilos comunes y basicos */


/* estilo pagina */
#page {
	width: 960px;
	height: auto;
	text-align: left;
	margin: -5px auto 0;
	background: #fff;
}
/* fin pagina */

/* comienzo wrapped-top y footer */
.wrapped {
	width:  960px;
	height: auto;
	margin: 0 auto;
}


#top {
	width:  100%;
	height: 30px;
	margin: 0;
   padding: 0;
	height: 30px; 
	background: #ebebeb;
}
#footer {
	border-top: 30px solid #fff;
	border-bottom: 50px solid #fff;
	width:  100%;
	margin: 0;
    padding: 0;
	background: #fff;
}
#top div.wrapped, #footer div.wrapped {
   font-size:11px;
	color: #666666;
	width: 940px !important;
	padding: 7px 10px;
	overflow: hidden;
}
#footer .sites { 
       text-align: center; 
       display: block; 
       background-color: #F3F3F3;  
       padding: 10px 0px 10px 0px;
       border-left: 20px solid #fff;
       border-right: 20px solid #fff;
       } /* agregar  */
#footer .sites a { margin-right: 10px; padding-right: 50px;} /* agregar  */

a.a_footer_left { padding-right: 0px !important; padding-left: 40px !important;} /* agregar  */

/* fin wrapped-top y footer */

/* comienzo header */
.header {
   display: block;
	background: #fff;
	width: 960px;
	height: 127px;
	background: url('img/logo_mineduc2.gif') no-repeat;
	cursor: hand;
	cursor: pointer;
}

.logo h1 { /* cambiar estilo completo */
	position: relative; 
	float: right;
	top: 90px;
	color: #666666;
	font-family: 'gobCL';
	font-size: 30px;
	letter-spacing: 0px;
	padding-right: 20px;
}

.logo a:link, .logo a:hover, .logo a:visited{
	color: #666666;
	font-family: 'gobCL';
	text-decoration: none;
}

/* fin header */

/* comienzo menu superior o principal */
#navegacion {
width:960px;
height: 30px;
background: #1B4B73 url('img/bg-menu.jpg');
}

.menu {
width:960px;
height: 30px;
margin: 0px 0px 0px 0px;
}

.menu ul {
color:#fff;
padding: 0;
margin: 0;
list-style-type: none;
/*text-transform:uppercase;  cambio */
}

.menu ul li {
width: auto;
float: left;
position: relative;
z-index: 100;
height:16px;
padding: 7px 22px 7px 22px;
border-left: 1px solid #063c68;
border-right: 1px solid #326894;
}
.menu ul li:hover {
color: #1B4B73;
background-color: #fff;
border-top: 1px solid #1B4B73;
}
.menu ul li a {
color: #fff;
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
text-decoration: none;
}

.menu ul li.current_page_item a {
color: #999;
}

.menu.ul li:hover {
overflow: hidden;
}

.menu li:hover a {
color:#1B4B73;
z-index: 50;
}

.menu ul li ul {
display: none;
}


.menu ul li:hover ul.columnas {
display: block;
background: #1B4B73 url('img/bg-menu.jpg');
position: absolute;
float: left;
list-style-type: none;
top: 29px;
left: 0px;
}

.menu ul li:hover ul.columnas li {
display:inline;
float: left;
border: 0px;
margin-right: 10px;
width: 185px;
}
.menu ul li:hover ul.columnas li:hover {
background: #1B4B73 url('img/bg-menu.jpg');
}
.menu ul li:hover ul.columnas li a {
color: #fff;
}

.ancho_uno {width: 480px;}
.ancho_dos {width: 250px;}
.dos_columnas li { width:50%;}
.tres_columnas li { width:33.333%; }
.cuatro_columnas li { width:25%; }
.cinco_columnas li { width:16.666%; }

/* fin menu superior o principal */

/* comienzo contenido */
#content {
	margin: 5px 20px 20px 20px;
	clear: both;
	display: block;
	width: 920px;
	height: auto;
	position: relative;
	background: #fff;
	}
	
.miga {
	width: 100%;
	height: 21px;
	font-size: 10px !important;
}

.contentleft {
	width: 650px !important;
	background: #fff;
	}
.contentright {
	width: 250px !important;
	margin-left: 20px;
	background: #fff;
	}
.alaizq {
	text-align: left;
	}
.alcent {
	text-align: center;
	}
.alader {
	text-align: right;
	}
.width100 {
	width: 100px;
	}
.width400 {
	width: 400px;
	}
.width250 {
	width: 230px;
	}
.width300 {
	width: 300px;
	}
.margen10r {
	margin-right: 10px;
	}
.margen10l {
	margin-left: 10px;
	}



/* comienzo acordion */
#accordion {
	width: 250px !important;
}

.c0 {background: #939393; }
.c1 {background: #cea552; }
.c2 {background: #c18144; }
.c3 {background: #ac6548; }
.c4 {background: #9a5057; }
.c5 {background: #7c4952; }
.c6 {background: #753766; }
.c7 {background: #5b4c6b; }
.c8 {background: #344760; }
.c9 {background: #37514b; }
.c10 {background: #cea552; }
.c11 {background: #cea552; }
.c12 {background: #c18144; }
.c13 {background: #ac6548; }
.c14 {background: #9a5057; }
.c15 {background: #7c4952; }
.c16 {background: #753766; }
.c17 {background: #5b4c6b; }
.c18 {background: #344760; }
.c19 {background: #37514b; }

.accordion h3 {
	color: #fff;
	font: 12px bold verdana, arial, helvetica;
	border-bottom: none;
	height: 20px;
	text-indent: 10px;
	padding-top: 5px;
}
.accordion h3:hover {
	cursor: pointer;
}

.accordion p {
	background: #fff;
	font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #000000;
	padding-left: 5px;
	text-align: left;
	line-height: 15px;
	/*border-bottom: solid 2px #6f2f0b;*/
}

#contenedor {
	background: #fff;
	display: none;
	font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #000000;
	/*border-bottom: solid 2px #6f2f0b;*/
}
/* fin acordion */

/* informacion relevante */
.infrelevante {
	width: 250px !important;
	margin-top: 10px;
	background-color: #fff;
	}
.infrelevante h3 {
	height: 36px;
	background: url('img/barra_inf_relevante.jpg');
	color: #000;
	font: 12px bold verdana, arial, helvetica;
	border-bottom: none;
 	text-indent: 10px;
 	padding-top: 10px;
 	margin-bottom: -10px;
	}
.infrelevante img {
	margin-top: -5px !important;
	border: 1px solid #c8c8ca;
	}
/* fin informacion relevante */

/* pull regiones */
.pullregion {
	width: 250px !important;
	margin-top: 10px;
	background-color: #fff;
	text-align: center;
	}
.pullregion select {
	width: 240px;
	border: 1px solid #c8c8ca;
	}
/* fin pull regiones */



/* comienzo tabs noticias */
#noticias {
	width: 250px !important;
	margin-top: 20px;
	background-color: #fff;
	}
#noticias div p {
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 200px;
	}

#tab1 p, #tab2 p, #tab3 p {
	border-bottom: 1px solid #A7A7A7; 
	
	}	
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    height: 30px;
    width: 80px;
    background-color: #bdbec0;
    margin-left: -4px;
    margin-right: 5px;
    min-width: 74px; /* be nice to Opera */
}

.tabs-nav li a, .tabs-nav li a span {
    display: block;
    padding-left: 5px;
    background: #bdbec0;
    color: #ffffff;
    text-decoration: none;
}
.tabs-nav li a {
	padding-top: 5px;
    position: relative;
    top: -4px;
    z-index: 2;
    padding-left: 0px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background:#145f86;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background:#145f86;
}
.tabs-nav a span {
    width: 61px; /* IE 6 treats width as min-width */
    min-width: 61px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 0;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 0px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	height: 30px;
    background:#145f86;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	height: 30px;
    background:#145f86;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	 margin-top: 1px;
    padding: 1em 8px;
    border: 5px solid #145f86;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading em {
    padding: 0 0 0 0px;
    background: url(loading.gif) no-repeat 0 50%;
}
/* fin tabs noticias */


#taskbar {
	height:50px;
	width:960px;
	margin:auto;
	position: fixed;
	bottom: 0;
	z-index: 50000;
	background: url('img/footer960x50.png');
}
#taskbar #container{
	display:block;
	margin-left:65px;
	margin-right:15px;
	margin-top:15px; 
	height:50px;
}
#taskbar a{
	text-decoration:none;
	color:#fff;
}

#taskbar img{
	border-right:0px;
}

/*------- blocks btns --------*/
#taskbar #container .block-left{
	position:relative;
	float: left;
	width:30%;
	height:25px;
}
#taskbar #container .block-center {
   position: relative;
   float: left;
   width: 40%;
	height:25px;
	margin-top: 0px;
}
#taskbar #container .block-center form {
   background: white;
   width: 210px;
   text-align: left;
}
#taskbar #container .block-center input {
	background-color: white;
	border: 0px;
	height: 22px;
	}
#taskbar #container .block-center img {
   position: relative;
   float: left;
   left: 175px;
   top: 3px;
   cursor: pointer;
}
#taskbar #container .block-right{
   position: relative;
  	float: left;
   width: 30%;
	height:25px;
	text-align: right;
	right: 20px;
}
/*-------  btns --------*/

#taskbar #container .btns{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:5px;
	display:inline-block;
	vertical-align:middle;
	line-height:14px;
	color: #fff;
}

#taskbar #container .btns:hover{
	cursor:pointer;
}
	
/* ---- align image -------*/
#taskbar img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#taskbar img.alignright {
    margin: 0 0 2px 2px;
    display: inline;
}

#taskbar img.alignleft {
    margin: 0 2px 2px 0;
    display: inline;
}

#taskbar .alignright {
    float: right;
}

#taskbar .alignleft {
    float: left;
}

.alignleft img{
    float: left;
	padding: 0px 10px 10px 0px;
}

/*
Las imagenes son envueltas en divs clasificadas como "flickr_badge_image" con ids "flickr_badge_imageX" donde "X" es un número entero especificando una posición ordinaria.
*/
.flickr_badge_image {width:90px;height:90px;border:1px solid #999999;float:left;margin:10px;}
.flickr_badge_image img {width:88px;height:88px;border: 1px solid white !important;}

#flickr_badge_uber_wrapper {text-align:center; width:225px;height:225px;}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#66CCFF;}


/* Micrositio Becas */

#content1 {
	clear: both;
	display: block;
	width: 960px;
	height: auto;
	position: relative;
	background: #fff;
}

.presentacion1 {
	width: 960px;
	text-align: justify;	
	color: #696969;
}

.bloque_fila1 {
	margin: 15px;
	height: 130px;
}

.img_fila1 {
	padding-right: 10px;
	float: left;
	padding-top: 5px;
}

.txt_fila1 {
	font-family: Arial;
	font-size:14px;
	color: #333333;
	text-align: left;
	float: left;
	width: 350px;
	padding-top: 5px;
	line-height: 18px;

}

.img_fila2 {
	padding-left: 35px;
	float: right;
}

.separacion_fila {
	height: 10px;
	width: 960px;
	background-color: #ebebeb;
	border: 0px;
	clear: both;
}

.bloque_fila2 {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.img_fila3 {
	padding-right: 15px;
	float: left;
}

.img_fila4 {
	height: 100px;
	padding-top: 20px;
	clear: both;
}

.bloque_fila3 {
	margin: 15px;
	height: auto;
}

.bloque_col1 {
	float: left;
	border-right: 1px solid #ebebeb;
	width: 664px;
}

.bloque_col2 {
	float: right;
	width: 235px;
	padding-right:15px;
	padding-left: 15px;
}

.titulo1_col1 {
	background-image: url(img/micro_becas/titulo_video.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 642px;
	height: 47px;
}

.titulo2_col1 {
	background-image: url(img/micro_becas/titulo_noticia.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 642px;
	height: 47px;
}

.iframe_noticias {
	padding-top: 10px;
}

/* interior micrositio */

.contenido1 {
	width: 960px;
	text-align: justify;	
	color: #696969;
}

.bloque_fila1_int {
	float: left;
	width: 664px;
	border-right: 1px solid #ebebeb;
	margin-top: 20px;
	padding-left: 15px;
}

.fila1_int {
	height: 140px;
}

.bloque_fila2_int {
	margin-top: 20px;
	float: right;
	width: 265px;
	padding-left: 15px;
}

.separacion_fila_int {
	height: 6px;
	width: 600px;
	background-color: #ebebeb;
	border: 0px;
	margin-bottom: 10px;
	clear: both;
}

.titulo_descripcion {
	background-image: url(img/micro_becas/titulo_descripcion.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 642px;
	height: 47px;
}

.contenido_int {
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	margin: 15px;
	font-weight: normal;	
}

.contenido_int h1{
	font-family: Arial;
	font-size:14px;
	color: #00ABD9;
	text-align: left;
	line-height: 18px;
	font-weight: bold;	

}

.contenido_int h2{
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	line-height: 18px;
}

.contenido_int_43 {
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	margin: 15px;
	font-weight: normal;	
}

.contenido_int_43 h1{
	font-family: Arial;
	font-size:14px;
	color: #00ABD9;
	text-align: left;
	line-height: 18px;
	font-weight: bold;	

}

.contenido_int_43 h2{
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	line-height: 18px;
}

.contenido_int_47 {
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	margin: 15px;
	font-weight: normal;	
}

.contenido_int_47 h1{
	font-family: Arial;
	font-size:14px;
	color: #1B4B73;
	text-align: left;
	line-height: 18px;
	font-weight: bold;	

}

.contenido_int_47 h2{
	font-family: Arial;
	font-size:12px;
	color: #333333;
	text-align: left;
	line-height: 18px;
}