/* ------------------------------------------------
funiber  .org CSS screen stylesheet
autor: Rafael Nevarez
Revision: Septiembre 29, 2008
------------------------------------------------ */

/* Common Tags
------------------------------------------------ */
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 100%;
	font-size: 11px;
	background: #efefef;
}

a:link{	color: #000;}
a:visited {color: #777;}
a:hover {color: #FF5C00;}
a:active{color: #999;}
ol, ul, li {margin: 0; padding: 0;}
input{ border: 1px solid #999999;	font-size: 10px;	font-family: "Trebuchet MS"; }
input.button{	background: #1b2c1c;	font-weight: bold; padding: 0; }

p, .parrafo{
	line-height: 13px;
	font-weight: normal;
}

h1{
	font-size: 21px; color: #ff5c00; 
	font-weight: normal; 
	margin: 7px 0px 10px 0px;
}

h2{
	color: #ff5c00; 
	font-size: 19px;
	font-weight: normal;
	margin: 7px 0px 10px 0px;
	line-height: 23px;
}

h3{
	font-size: 17px;
	font-weight: normal;
	color:#0092C7; 
}

h4{
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0 0 2px 0;
}

h5{
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0 0 2px 0;
	color:#0092C7;
}

ol{	
	padding-left: 1em;
	padding-right: 1em;
}

li{
	margin-left: 15px;
	margin-bottom: 5px;
}


/* Clase Pagina
----------------------------------------------- */
body.pagina,
div.pagina{	
	background: #fff;
}
/*.pagina ol{
	list-style: none;
}*/
.pagina ul{
	list-style: none;
}

.pagina li{
	list-style-image: url(/si/archivos/publico/portal-pagina-vineta.gif);
}

.pagina_docto li{
	list-style-image: url(/si/archivos/publico/vineta-portal-docto.gif)
}

.pagina_sedes_multioficinas{}

.pagina_escondida{}

.pagina_programa{}



.pagina_programa h1{
	color:#0092C7; font-size:18px;
}

.pagina_programa_alt{}



/* Clase Carpeta
----------------------------------------------- */
.carpeta_programa{}

.carpeta_programa h1{
	width: 570px
}
.carpeta_programa .canal_wysiwyg h1{
	width: auto;
}



/* Clase Menu dinamico
------------------------------------------------ */
#sidebar .menu_dinamico, #sidebar .menu{
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 11px;
}
#sidebar .menu_dinamico ul, #sidebar .menu ul{
	text-align: left;
	color: #FF5C00;
	padding: 1px 1px 1px 2px;
	margin: 0 0 5px 0 ;
	list-style:none;
}
#sidebar .menu_dinamico ul li, #sidebar .menu ul li{
	background: none;
	padding: 0;
	margin: 0;
	height: 1%; /* IE Holly Hack */
}
#sidebar .menu_dinamico ul li a, #sidebar .menu ul li a{
	text-align: left;	
	color: #8A0303;
	text-decoration: none;
	line-height: 14px;
	background:  url(/si/archivos/publico/navegacion-vineta.gif) no-repeat 3px 3px;
	padding: 2px 4px 2px 18px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-weight: bold;
	/*height: 1%; /* IE Holly Hack */
}

/*#sidebar .menu_dinamico ul li a.pagina{
	background: none;
}*/

#sidebar .menu_dinamico ul li a:hover{
	color: #000;
	text-decoration: underline;
}
#sidebar .menu_dinamico h1, #sidebar .menu h1{
	text-align: left;
	font-weight:bold; letter-spacing: normal;
	color: #FF5C00;
	background-color: #fff;
	padding: 2px 5px 2px 7px;
	border-bottom: 1px solid #be0000;
	margin: 0 0 2px 0 ;
	font-size: 11px;
}

#sidebar .menu_dinamico ul li a.pagina_escondida{
	display: none;
}

/* Clase Menu dinamico
------------------------------------------------ */
.menu_sin_titulo{}
 #sidebar .menu_sin_titulo{
	margin: -6px 0px 0px 0px;
}

/* Canales
----------------------------------------------- */
.canal_wysiwyg{
	border: 1px solid #ccc;
	background-color: #ffffff;
	line-height: 11px;
	font-size: 10px;
	padding: 0px 5px 8px 5px;
	margin: 20px 0 5px 15px;
	float: right;
	width: 195px;
	clear: right;
}

.canal_wysiwyg li{
	margin: 0 7px 5px 18px;
	color: #444444;
	list-style-image: url(/si/archivos/publico/portal-canal-vineta.gif);
}

.canal_wysiwyg li ul{
	margin: 5px 0 10px 0;
}

.canal_wysiwyg .organizacion{
	/*float: left;*/
	text-align: center;
	/*min-height: 100px;
	min-width: 80px;*/
}

.canal_wysiwyg .organizacion a{
	text-decoration: none;
}

table.grillaOrganizaciones td{
	text-align: center;
}

.canal_wysiwyg h1{
	font-weight: normal; letter-spacing: normal;
	font-size: 11px;
	line-height: 13px; color: #FFF;
	margin: 0px 20px -6px 0px; 
	position: relative;
	z-index: 1;
	top: -15px;
	padding: 5px 5px 4px 5px;
	border-bottom: 2px solid #ccc;
	background-color: #777777;
}

.canal_wysiwyg h1 a,
.canal_wysiwyg h1 a:hover{	
	color: #ffffff; text-decoration:none;
}

.canal_wysiwyg h2{
	font-size:12px;
	line-height: 12px;
	margin: 0 6px 3px;
}

.canal_wysiwyg p{
	margin: 0px 6px; 
}

.canal_wysiwyg p, .canal_wysiwyg table{
	font-size:10px; 
	color: #444444;
}

.canal_wysiwyg_universidades{
	width: 333px;
}

.canal_wysiwyg_eventos{
	width: 420px;
	margin: 180px 0 -400px 0;
	position: relative;
	float: left;
}

.pagina_sedes_multioficinas .canal_wysiwyg_eventos{
	margin: 250px 0 -500px 0;
}

.canal_wysiwyg_eventos .hyperlink{
	float: right;
}


/* Canales Programas 
------------------------------------------ */
.pagina_programa .canal_wysiwyg{
	margin-top: -20px;
}

.pagina_programa .canal_wysiwyg .menu_dinamico li{
	list-style-image: none;
	margin: 0 7px 5px;	
}
.pagina_programa .canal_wysiwyg .menu_dinamico li li{
	list-style-image: url(/si/archivos/publico/portal-canal-vineta.gif);
	margin: 0 7px 5px 20px;	
}
.pagina_programa .canal_wysiwyg .menu_dinamico li .carpeta{
	font-size: 11px;
	text-decoration: none;
	line-height: 11px;
	cursor: default;
}
.pagina_programa .canal_wysiwyg .menu_dinamico li a.carpeta:hover,
.pagina_programa .canal_wysiwyg .menu_dinamico li a.carpeta:visited{
	color: #000;
}

.canal_wysiwyg_programas_italia{}

.canal_wysiwyg_programas_italia .menu_dinamico li{
	list-style-image: url(/si/archivos/publico/portal-canal-vineta.gif) !important;
	margin: 0 7px 5px 20px !important;	

}

.pagina_programa .canal_wysiwyg_programas_boton{
	margin-top: 15px;
}

.canal_wysiwyg_programas_boton{
	border: none;
	background-color: #ffffff;
	padding: 0px 5px 8px 5px;
	margin: 50px 0 5px 15px;
	float: right;
	width: 195px;

}






/* Canales Programas -- Alternativo - doble logo
------------------------------------------ */
.pagina_programa_alt .canal_wysiwyg{
	margin-top: 17px;
}

.pagina_programa_alt .canal_wysiwyg .menu_dinamico li{
	list-style-image: none;
	margin: 0 7px 5px;	
}
.pagina_programa_alt .canal_wysiwyg .menu_dinamico li li{
	list-style-image: url(/si/archivos/publico/portal-canal-vineta.gif);
	margin: 0 7px 5px 20px;	
}
.pagina_programa_alt .canal_wysiwyg .menu_dinamico li .carpeta{
	text-decoration: none;
	line-height: 11px;
	cursor: default;
	color:  #000;
	font-weight: bold;
}
.pagina_programa_alt .canal_wysiwyg .menu_dinamico li a.carpeta:hover,
.pagina_programa_alt .canal_wysiwyg .menu_dinamico li a.carpeta:visited{
	color: #000;
}



/* Clase Evento
----------------------------------------------- */
.lista_eventos .evento{
	border-bottom: 1px dashed #e3e3e3;
	padding: 0 0 10px 0;	
	margin: 0px 0 20px 0;
}

.lista_eventos .evento h3{
	padding: 0px 0 0 18px;
	margin: 0 0 10px 0;
	background:  url(/si/archivos/publico/imagen-listaevento.gif) no-repeat left 4px;
	font-size:14px;
	font-weight:normal;
	color: #444
}

.lista_eventos .evento_del_dia h3{
	font-weight:normal;
	color: #0092C7;
}

.lista_eventos .evento_del_mes h3{
	font-weight:bold;
	color: #000;
}

.lista_eventos .evento .evento_fecha{
	display: none;
}
div.evento,
body.evento{
	background: #fff;
}

.evento h1{	
	font-size:16px;
	font-weight:bold;
	margin: 10px 0 3px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00080f;
	border-bottom: 1px solid #ccc;
}



/* Resultados de Busqueda
----------------------------------------------- */
.plugin_busqueda{}

.plugin_busqueda .busqueda_info{
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #edf3fe;
	padding: 2px 3px;
}

.plugin_busqueda .busqueda_resultado{
	border-bottom: 1px dashed #ddd;
	margin: 0 0 10px;
	padding: 0 0 10px 0;
}
.plugin_busqueda .busqueda_resultado .titulo{
	font-weight: bold;
	display: block;
	margin: 0 0 2px 0;
}
.plugin_busqueda .busqueda_resultado .url{
	font-size: 10px;
	color: #aaa;
	display: block;
	margin: 2px 0 0 0;
}


/* Ruta del sitio
----------------------------------------------- */
#breadcrumb{
	font-size:10px; 
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
}


/* Layout del sitio
----------------------------------------------- */
#headerFondo{
	background: #fff;
	float: left;
	width: 100%
}
#wrapper{
	width: 1003px;
	margin: auto; 
	padding: 0;
}
#header{
	width: 100%;
	margin: 0;
	padding: 0;
/*
	height: 95px;
	overflow: hidden;
*/
}

#main{
	width: 100%;
	padding: 0;
	float: left;
	background: url("/si/archivos/publico/main_fondo.gif") repeat-y left top;
}
#contenido{
	width: 795px;
	float: left;
	padding: 7px 8px 30px 15px;
	min-height: 400px;
}
* html #contenido{ height:400px; } /* IE Min-Height Hack */

#sidebar{
	width: 185px;
	float: left;
	margin: 5px 0 10px 0;
	padding:  0;
	font-size: xx-small;
}

#footer{
	width: 100%;
	float: left;
	padding: 10px 0;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	background: #efefef;
}


/* Navegacion Superior
----------------------------------------------- */
#nav_superior{
	width: 208px; 
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: #0092C7; 
	clear: right;
}

#sedes{
	/*width: 100%;*/
width: 993px;
height: 10px;
padding: 2px 0 4px 10px;
	float: left;
	clear: both;
	background: #ff9933;
	font-size:10px;
	color: #fff;
/* text-align: center; */
}

#sedes a, #sedes .cell{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #ffcc77;
	margin: 0; 
	padding: 0px 4px 0 3px;
	float: left;
	z-index: 10;
}

#sedes a.last{
	border-right: none;
	padding: 0 0 0 3px;
}

#sedes .cell{
	position: relative;
	cursor: pointer;
}

#sedes a.menuTitle:hover{
	background: #ffc490;
}

.menuSedes{
	position: absolute;
	background: #ffc490;
	-moz-opacity: .95; opacity: .95;
	border: 1px solid #ff9933;
	padding: 5px;
	border-top: none;
	z-index: 10;
	top: 100%;
}

#sedes .menuSedes a{
	border: none;
	float: left;
	clear: both;
	display: block;
}


#menuSedesAfrica{
}

/*
#sedes ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#sedes li{
  float: left;
  position: relative;
  
	text-decoration: none;
	border-right: 1px solid #fff;
	margin: 0; 
	padding: 0px 5px;
}

#sedes a{
	text-decoration: none;

}

#sedes li ul {
  display: none;
  position: absolute; 
	border-top: none;
	z-index: 4000;
	top: 100%;
	left: 0;
}
*/

/* Contenido Principal
----------------------------------------------- */
#infoBusqueda{
	border: 1px solid #ccc;
	background: #edf3fe;
	padding: 2px 3px;
	margin: 0 0 10px 0;
}


/* Channels Centrales
----------------------------------------------- */
.canal_central{
	width: 71px;
	height: 160px;
	margin: 10px 7px 0px 2px;
	/*border-bottom: 1px solid #CCCCCC;*/
	vertical-align: top;
	float: left;
	clear: none;
	overflow: hidden;
}

.canal_central img{
	margin: 0px 5px 5px 0px;
	width: 71px;
	height: 50px;
}

.canal_central h1{
	margin: 0px 0px 5px 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal; color: #000;
	font-size: 11px;
}

.canal_central p{ 
	font-size: 10px; margin: 0px 0px 10px 0px; line-height: 11px;
}



span.link{
	font-size: 9px; font-weight: bold; 
	width: 220px;
	float: left; clear: left; 
	padding: 1px 0 1px 0;}



/* Calendario
----------------------------------------------- */
.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}

.dynCalendar_dayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #eeeeee;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;

}


/* Cabecera Funiber - 1/09/2006 - Rafael Nevarez
---------------------------*/
#logo{
	width: 240px;
	float: left;
	height: 80px;
	overflow: hidden;
}

#logo-italia{
	width: 310px;
	float: left;
	height: 80px;
	overflow: none;
}

#navTop{
	width: 650px; 
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: #4278ae;
	height: 80px;
	overflow: hidden;
}
#navTop-italia{
	width: 505px; 
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: #0092C7; 
}

#navTopSlogan, #navTopSlogan-italia, #navTopSloganIpiaget{
	float: left;
	clear: left;	
	color: #fff;
	overflow: hidden;
	padding: 0; margin: 0;
	font-size: 15px;
	font-weight: bold;
}

#navTopSlogan{	
	width: 80%;
	height: 34px; 
	line-height: 16px; 
	padding: 3px 0;
}

#navTopSlogan-italia{
	width: 100%;
	height: 40px; 
	line-height: 19px;
}

#navTopCampus{
	float: right;
	clear: right;	
	width: 20%;
	height: 25px; 
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
.navTopElement{
	float: left;
	padding: 0;
	margin: 0;
	font-size: 9px;
	font-weight: bold;
	height: 35px;
	color: #fff;
	overflow: hidden;
}

.navTopElement a, .navTopElement a:visited, #navTopCampus a, navTopCampus a:visited{
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

.navTopSeparator{
	float: left;
	border-left: 1px solid #fff;
	height: 31px;
	margin: 2px 7px;	
}
#logoISO{
	float: left;
	height: 80px;
	width: 101px;
	overflow: hidden;
}

.linkFormulario{
	background:  url(/si/archivos/publico/linkformulario-vineta.gif) no-repeat left 2px;
	padding-left: 16px;
}																																										

/* Icons
------------------------------------------------ */
/* .iconoformulario{ padding: 6px 0pt 6px 28px; background: url(/si/archivos/publico/portal-formulario-logo.gif) no-repeat; }*/


/* Pesta%u2013as
 ----------------------------------------------- */
.pestanas{
	float:left;
	width:430px;
	padding: 0 0 0 0 ;
	background: url("/si/imx/back_botones.gif") repeat-x bottom;
	margin: 0px 0 0 0;
}
.pestanas ul{
	float: left;
	margin: 0;
	padding: 0px 3px 0 3px;
	list-style:none;
}
.pestanas li{
	float:left;
	background:url("/si/imx/norm_left.gif")	no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	list-style-image:none;
}
.pestanas a{
	float: left;
    background: url("/si/imx/norm_right.gif") no-repeat right top;
    padding: 8px 10px 5px 1px;
	text-decoration: none; color: #999;
	font-size: 11px;
	border: none;
	cursor: pointer;
	font-weight: normal;
}
.pestanas a:hover{
	color: #000;
}

.pestanas .current{
    background-image:url("/si/imx/norm_left_on.gif");
	border-width: 0;
}
.pestanas .current a{
    background-image:url("/si/imx/norm_right_on.gif");
    padding-bottom:6px;
	color: #000;
}
.dialogo{
	border: 1px solid #ccc;
	border-top: none;
	width:410px;
	background: #fff;
	float: left;
	clear: both;
	padding: 10px;
}


/* Programas
 ----------------------------------------------- */
.programaPresencial{
	/* background: url("../../imagenes/ico_programa_presencial.png") no-repeat 2px top;
	padding: 1px 0 2px 23px;
	display: inline-block; */
	font-style: italic;
	font-size: 9px;
	color: #0092c7;
}
.programaDistancia{
	/* background: url("../../imagenes/ico_programa_distancia.png") no-repeat 2px top; */
	padding: 1px 0 2px 23px;
	display: inline-block;	
}

.programaAcademico{
	background: url("/si/archivos/publico/ico_programa_academico.png") no-repeat 2px top;
	padding: 1px 0 2px 23px;
	display: inline-block;	
text-decoration: none;
float: right;

}

/* ------------------------------------------------
funiber Cudrado sedes
autor: Oriol Tinoco
Revision: Abril 27, 2010
------------------------------------------------ */

div#nifty{ margin: 0 10%;background: #efefef} 
b.rtop, b.rbottom{display:block;background: #FFF} 
b.rtop b, b.rbottom b{display:block;height: 1px; 
overflow: hidden; background: #efefef} 
b.r1{margin: 0 5px} 
b.r2{margin: 0 3px}
b.r3{margin: 0 2px} 
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} 
.destacado { margin-left: 1em;  margin-right: 1em; }