body {
	
/*background:url(img/main-bkg.jpg) repeat-x top left #fff;*/
background: white;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
margin: 0 auto;
padding: 0;
/*font-size:16px;*/
text-align:justify;
}



/****************************************fondo superior**********************************************/

#img_top{ 

    background:url(img/main-bkg.png) no-repeat top white;
	display:block;
	margin: 0 0 0 -815px;
	position:fixed;
	top:0;
	left:50%;
	height:100%;
	width: 1630px;
	z-index:-2;
	}
	
/********************************************************************************************************************/
/*/////////////////////////////////////////////////MINIMENU SUPERIOR////////////////////////////////////////////////*/
/********************************************************************************************************************/

#minimenu-sup{
	border:#0F6 solid thin;
	dislay:block;
 margin:0 auto;
	padding:0;
	width:980px;
	}



/****************************************contenedor grande, fondo general**********************************************/
#backbody {
	line-height: 1.5em;
	padding: 0;
	margin: 0 auto;
	width: 980px;
	z-index: 100;
	background-color: #CCCCCC;
}

/****************************************contenedor inicial**********************************************/	
#main {
	background:#FFF;
	margin:20px auto 50px auto;
	padding:90px 0 0 0;
	border: none;
	width:980px;
	-webkit-box-shadow: 0px 0px 5px #B7B7B7;
-moz-box-shadow: 0px 0px 5px #B7B7B7;
box-shadow: 0px 0px 5px #B7B7B7; 
}
/****************************************header**********************************************/
#header {
	
	display:block;
	height:105px; 
	margin:0 0 0 -490px; 
	letter-spacing: -0.08em;
	position:absolute; 
	top:22px; 
	left:50%; 
	width:980px;
	padding:0;
}

#header #logo_curso{
	position: absolute;
	top: 5px;
	left: 734px;
	}
	

#header #logo_un_v{
	position: absolute;
	top: 8px;
	left: 869px;
	}

#header #info-curso{
	padding: 0;
	position: absolute;
	top: 11px;
	left: 17px;
	width: 620px;

	}

#header #titulo-curso{
	color: #156804;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0;
	position: relative;
	top: -5px;
	text-align: justify;
	text-transform: none;
	}

/*separadores varios*/
.separador-vertical{
		background:#ccc;
		border-right:white solid 1px;
		width:1px;
		}
	
.separador-horizontal{
		background:#ccc;
		border-bottom:white solid 1px;
	height:1px;
	margin:0 auto;
		}

/****************************************menu superor inicio**************************************/
#menuhorizontal {
	
	background: #128600;
background: -moz-linear-gradient(top,  #128600 0%, #044a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#128600), color-stop(100%,#044a00));
background: -webkit-linear-gradient(top,  #128600 0%,#044a00 100%);
background: -o-linear-gradient(top,  #128600 0%,#044a00 100%);
background: -ms-linear-gradient(top,  #128600 0%,#044a00 100%);
background: linear-gradient(top,  #128600 0%,#044a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128600', endColorstr='#044a00',GradientType=0 );
	
	border: #044a00 solid 1px;
	margin: 20px auto 0 auto;
	padding: 0;
	height:50px;
	width:950px;
}

.item1 {
	width:190px;
}
.item2 {
	width:108.56px;
}
.item3 {
	width:340px;
}
.item4 {
	width:86.3px;
}
.item5 {
width:86.3px;
}

.item6 {
	width:86.3px;
}
.item7 {
	width:250px;
}

ul#nav {
	font-size:1em;
	list-style: none;
	padding: 0;
	margin: 0;
}


ul#nav li a {
	color:white;
	display: block;
	font-weight: bold;
	padding: 13.5px 10px;
	text-decoration:none;
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*al pasar el mouse sobre el elemento inactivo*/
ul#nav li a:hover{
	color: #fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #199303;
	}

/*ESto crea el estado de "hover" cuando se despleiga el menú inferior en los estados inactivo y activo*/
ul#nav li:hover{
	background:#199303;
	color:#fff;	
	}

	
ul#nav li {
	float: left;
	position: relative;
	text-align: center;
}
/*elemento ACTIVO del menú*/
ul#nav li#current a{
	background:#199303;
	}
/*al pasar el mouse sobre el elemento ACTIVO*/
ul#nav li#current a:hover{
	background:#199303;
	}
	
/*pequeña imagen al costado de los botones que despliegan submenú*/
ul#nav li a span{
	background-image:url(img/menu/down-arrow.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0px 8px;
	position:relative;
	top:6px;
	left:5px;
	}
ul#nav li a:hover span{
	background-position: -17px 0;
	}
ul#nav li#current a span, ul#nav li#current a:hover span{
	background-position: -17px 0;
	}
	
/*Acá estamos haciendo que la pequeña flecha del costado cuando un li contenedor se submenu está desplegando, muestre la flecha activa */
ul#nav li:hover a span{
	background-position: -17px 0;
	}
	
li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	margin-left:0;

}


ul#nav li ul.sub, ul#nav li:hover ul.sub{/*la segunda parte de ul#nav li:hover ul.sub desativa el estado "hover" en el cont del submenu y lo deja activo sólo en el "li" contenedor*/
	background: #199303;
background: -moz-linear-gradient(top,  #199303 0%, #044a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#199303), color-stop(100%,#044a00));
background: -webkit-linear-gradient(top,  #199303 0%,#044a00 100%);
background: -o-linear-gradient(top,  #199303 0%,#044a00 100%);
background: -ms-linear-gradient(top,  #199303 0%,#044a00 100%);
background: linear-gradient(top,  #199303 0%,#044a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4079b1', endColorstr='#044a00',GradientType=0 );

-webkit-box-shadow: 2px 2px 3px 0px #ccc;
-moz-box-shadow: 2px 3px 2px 0px #ccc;
box-shadow: 2px 2px 3px 0px #ccc; 

     border:none;
	z-index:1020;
	}

ul#nav li ul.sub li{
	margin:0 auto;
	padding:0;
	border-bottom: 1px solid #175904;
}

ul#nav li ul.sub li a{
	padding:5px;
	font-weight: bold;	
	text-align:center;
}


li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

#main ul#prueba{color:#096;}

/****************************************submenu superor inicio**************************************/
#submenuhorizontal {
	background: #E8E8E8;
	background: -moz-linear-gradient(top,  #E8E8E8 0%, #21568a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#21568a));
	background: -webkit-linear-gradient(top,  #E8E8E8 0%,#21568a 100%);
	background: -o-linear-gradient(top,  #E8E8E8 0%,#21568a 100%);
	background: -ms-linear-gradient(top,  #E8E8E8 0%,#21568a 100%);
	background: linear-gradient(top,  #E8E8E8 0%,#21568a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#21568a',GradientType=0 );
	border: #0590DD solid 1px;
	margin: 0px auto 0 auto;
	padding: 0;
	height:30px;
	width:950px;
}

.item1 {
	width:190px;
}
.item2 {
	width:108.56px;
}
.item3 {
	width:340px;
}
.item4 {
	width:86.3px;
}
.item5 {
width:86.3px;
}

.item6 {
	width:86.3px;
}
.item7 {
	width:253px;
}
.item8 {
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}



ul#navsub {
	font-size:1em;
	list-style: none;
	padding: 0;
	margin: 0;
}


ul#navsub li a {
	color:#000;
	display: block;
	padding: 0px;
	text-decoration:none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*al pasar el mouse sobre el elemento inactivo*/
ul#navsub li a:hover{
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
ƒ
	}

/*ESto crea el estado de "hover" cuando se despleiga el menú inferior en los estados inactivo y activo*/
ul#navsub li:hover{
	color:#333;
	background-color: #DFDFDF; /*Este es el estado sobre*/
	}

	
ul#navsub li {
	float: left;
	position: relative;
	text-align: center;
	border-bottom-color:#EBEBEB;
}
/*elemento ACTIVO del menú*/
ul#navsub li#current a{
	background:#498ABF;
	}
/*al pasar el mouse sobre el elemento ACTIVO*/
ul#navsub li#current a:hover{
	background:#498ABF;
	}
	
/*pequeña imagen al costado de los botones que despliegan submenú*/
ul#navsub li a span{
	background-image:url(img/menu/down-arrow.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0px 8px;
	position:relative;
	top:6px;
	left:5px;
	
	}
ul#navsub li a:hover span{
	background-position: -17px 0;
	
	}
ul#navsub li#current a span, ul#nav li#current a:hover span{
	background-position: -17px 0;
	
	}
	
/*Acá estamos haciendo que la pequeña flecha del costado cuando un li contenedor se submenu está desplegando, muestre la flecha activa */
ul#navsub li:hover a span{
	background-position: -17px 0;
	
	}
	
li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	margin-left:0;

}


ul#navsub li ul.sub, ul#navsub li:hover ul.sub{/*la segunda parte de ul#nav li:hover ul.sub desativa el estado "hover" en el cont del submenu y lo deja activo sólo en el "li" contenedor*/
	background-color: #EAEAEA;
	-webkit-box-shadow: 2px 2px 3px 0px #ccc;
	-moz-box-shadow: 2px 3px 2px 0px #ccc;
	box-shadow: 2px 2px 3px 0px #ccc;
	z-index:1020;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	border: thin solid #DADADA;
	
	}

ul#navsub li ul.sub li{
	padding:0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}

ul#nav li ul.sub li a{
	padding:5px;
	font-weight: bold;
	text-align:center;
}


li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

#main ul#prueba{color:#096;}




/**********************************migapan***********************************************/

#migapan{
	background: #f2f2f2;
	font-size: 12px;
	color: #999;
	width: 930px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

#migapan span{position:relative; top:-58px; height:8px; padding:0; margin:0; width:16px;}

#migapan ul, li {
	list-style-type: none;
	
}

#migapan ul {
	padding: 0;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#migapan li {
	      background:url(img/miga-arrow.png) no-repeat left 9px ;
        float: left;
								margin-left:4px;
								padding-left:14px;
}

#migapan li#primero {
	       background:none;
        float: left;
								margin:0;
								padding:0;
}
/**********************************títulos***********************************************/
h1 {
	padding: 0;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 0.01em;
	color: black;
	text-align: left;
	width: 600px;
	position: relative;
	top: -5px;
	/*text-transform:uppercase;*/
}

h2 {
	display: block;
	font-size: 1.7em;
	font-weight: normal;
	height: 34px;
	line-height: 1em;
	letter-spacing: -0.05em;
	text-align: justify;
	color: #0d4402;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 15px;
	max-width: 950px;
	
	/*text-shadow: 0px -1px 0px black;*/
}


h3 {
	
	font-weight:normal;
	letter-spacing: -0.05em;
	border-bottom:#666 dotted thin;
	font-size: 28px;
	text-align: left;
	color:#366694;
	padding-bottom:10px;
	text-shadow: 0px 1px 0px white;/*sombreado del texto*/
}
h4 {


	font-size: 20px;
	text-align: left;
	color:#333;
	letter-spacing: -0.05em;
	
	text-shadow: 0px 1px 0px white;/*sombreado del texto*/
}
h5 {
	
	font-weight:bold;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	text-align: left;
	color: #2D3D43;
	text-shadow: 0px 1px 0px white;/*sombreado del texto*/
	padding:0;
	margin:5px 0;
}
h6 {

	font-weight:normal;
	font-size: 16px;
	letter-spacing: -0.05em;
	text-align: left;
	color: #2D3D43;
	text-shadow: 0px 1px 0px #EFEEE9;/*sombreado del texto*/
}
#content {
	position: relative;
	padding: 0;
	border: 0;
	float:left;
	overflow: hidden;
	width:980px;
	
}
#sheet {
	margin: 0 auto;
	padding: 0 15px 15px 15px;
	background:#FFF;
 width:980px;
	
	
	
	
}
.inner {
	padding: 0;
	margin: 5px auto 0 0;
	width:950px;
	
}



.item_separador{
border-right:#054E80 solid thin;
border-left:#0CF solid thin;
height:30px;
width:0.1px;
margin-top: 4px;
float:right;

}


/******************************************sombra inferior elementos varios*********************************/
.bottomshadow{
	background:url(img/migapansombra.png) no-repeat top center; 
	margin:0 auto; 
	width: 950px; 
	height:15px;
	}





/******************************************enlaces*********************************/
a img{border:none;}

#inner a img {
	border: 0;
}
#content a, #content a:link, #content a:visited {
	color: blue;
	cursor: pointer;
}

/* end Content */

.cleared {/*este div se usa para limpiar el float*/
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

/****************************************************************************************************************************/
/*BOTÓN INTELIGENTE SUBIR*/
/****************************************************************************************************************************/
#back-top {
	position: fixed;
	bottom: 15px;
	right: 30px;
	
}
#back-top a {
	
	width: 70px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #588f35;
}
/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background-image: url(img/subir2.png);
	background-repeat: no-repeat;
}
/*#back-top a:hover span {
	background-color: #436AA2;
}*/

#back-top a img{
	border:none;
	margin:0 auto;
	position:relative;
	top:8px;
	}

#back-top .txt{margin:5px; padding:5px; position:relative;top:-33px; left:-5px; font-size:10px;}

/****************************************************************************************************************************/
/*FOOTER*/
/****************************************************************************************************************************/

#footer {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer #actualizacion{
	color:#666; 
	font-size:12px; 
	padding: 0 0 5px 0; 
	text-align:center;
}

#footer a, #content #footer a:visited{
display:block;
font-size:14px;
line-height:normal;
margin: 0;
color: #666;
text-decoration: none;
}

#footer a:hover, #content #footer a:visited:hover{
margin: 0;
text-decoration: underline;
}

#requerimientos, #creditos, #licencia, #visita, #glosario, #bibliografia{
	display:block;
	float:left;
	}

/*estilos particulares que le pondrán imágenes de fondo correspondientes a cada enlace del footer*/
#requerimientos{
	background: url(img/footer/requerimientos.png) no-repeat left 10px;
	margin: 0 0 0 200px;
	padding: 20px 10px 12px 55px;
	width: 100px;
	height:40px;
}
#licencia{
	background: url(img/footer/requerimientos.png) no-repeat left 10px;
	margin: 0 0 0 10px;
	padding: 30px 10px 12px 58px;
	width: 100px;
	height:40px;
	}
#creditos{
	margin: 0 0 0 10px;
	padding: 30px 10px 12px 58px;
	width: 100px;
	height: 40px;
	background-image: url(img/footer/creditos.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#glosario{
	margin: 0 0 0 10px;
	padding: 30px 10px 12px 58px;
	width: 100px;
	height: 40px;
	background-image: url(img/footer/glosario.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#bibliografia{
	margin: 0 0 0 10px;
	padding: 30px 10px 12px 58px;
	width: 100px;
	height: 40px;
	background-image: url(img/footer/bibliografia.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	}
#visita{
	background: url(img/footer/requerimientos.png) no-repeat left 10px;
	margin: 0 0 0 10px;
	padding: 30px 10px 12px 58px;
	width: 100px;
	height:40px;
	} 
/* end footer */


/*video*/



#videos-menu {
	background-color: #FFF;
	height: 500px;
	width: 780px;
	float: left;
	
}
#videos-comu {
	background-color: #FFF;
	height: 500px;
	width: 780px;
	}



/* Menú vertical con subpestañas
----------------------------------------------- */
.menuvertical {
text-align: center;
width:100%;
margin:0px; padding:0px;
}
.menuvertical ul { 
list-style-type: none;
padding-left:5px;
margin:0px; 
float:left;
}

.menuvertical ul li.nivel1 {
width: 150px; /* Ancho de las pestañas */
}
.menuvertical ul li.primera {
background: #fff; border-bottom: 1px solid #666;

}
.menuvertical ul li {padding:0;}
.menuvertical ul li a {padding: 8px; 
border-left: 4px solid #444; 
text-decoration: none; 
box-shadow: 2px 2px 5px #ccc;
color: #555; 
display: block; 
position: relative;

}
.menuvertical ul li:hover { 
background: #f8f8f8; 
position: relative;

}
.menuvertical ul li a:hover, .menuvertical ul li:hover a.nivel1 {
 /* Color de fondo al pasar el mouse */
border-left: 4px solid #ccc; background: #f8f8f8;
color:#000;

}
.menuvertical ul li a.nivel1 {
display: block !important;
display: none;
position: relative;
border-left: 4px solid #069; background: #f8f8f8;


}
.menuvertical ul li ul {
background: #f8f8f8;
display: none;
}
.menuvertical ul li a:hover ul, .menuvertical ul li:hover ul {
display: block;
position: absolute;
overflow: auto;
height:400px;
right: 150px;
width:200px;
top: 0px;

}



.menuvertical ul li ul li a {
	width:160px;
	padding:20px;
	color:#fff;
}

.menuvertical ul li ul li a:hover {
	position:relative;
	background-color:#f8f8f8;
	color:#000;
}







/****************************************sección videos cátedra**************************************/
#content a.videos, #content a.videos:link, #content a.videos:visited, #content a.videos:hover{
	background:none;
	text-decoration:none;
	}

.video{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 536px;
		}

.video h3{
	border:none;
	color:#00A600;
	font-size:25px;
	font-weight:normal;
	margin:0;
	padding:0;
	}

a.videos .video p{
	color:black;
	margin:0;
	padding:2px 0 0 0;
	}

.video-img{
	float:left;

	
	-webkit-box-shadow: 3px 3px 5px 0px #999;
-moz-box-shadow: 3px 3px 5px 0px #c999;
box-shadow: 3px 3px 5px 0px #999; 
	}

.video-info{
	float:left;
	margin-left:15px;
	width:590px;
	}
	
table.videos-tabla{
	padding:0;
	margin:0;
	width:760px;
	float:left;
	}

table.videos-tabla tr td{
	border-top:white solid 1px;
	border-bottom:#CCC solid 1px;
	padding:0;
	margin:0;
	

	}

table.videos-tabla tr td:hover{
background: #cccccc;
background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );



	}


/****************************************************************************************************************************/
/*FLECHAS  ANTERIOR Y SIGUIENTE CONTENIDO DEL MÓDULO*/
/****************************************************************************************************************************/
#anterior, #siguiente{
	height:30px;
	color: #333;
	position:fixed;
	left:50%;
	top:760px;
	text-decoration: none;
	width: 80px;
	
	}


#anterior{

	margin: 0 0 0 -470px;

	}

#siguiente{
   
    margin:0 0 0 270px;
	
	}

#anterior a, #siguiente a{
	
	display: block;
	height:80px;
	text-decoration: none;
	color: #333;
	width: 80px;
  
}

#anterior a:hover, #siguiente a:hover  {
	
}


#anterior a span, #siguiente a span {
display: none; /* el elemento va a estar oculto */

background:#F0F0F0;


color:#666;
border:#ccc solid 1px;

-webkit-box-shadow: 0px 0px 5px #ccc;
-moz-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc; 

}
#anterior a span {top:-10px; left:40px; /* donde va a estar */ }
#siguiente a span {	top:-10px; left:-430px; /* donde va a estar */}

#anterior  a:hover span, #siguiente a:hover span {
	
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */

width:400px; /* el ancho por defecto que va a tener */
padding:5px; /* CAMBIAR SEGÚN LA CANTIDAD DE TEXTOS A PONER*/

	text-align: center;  
	
	
}

#anterior a span.small, #siguiente a span.small{top:20px;}/*este es el margin para contenidos de una sola línea*/

#anterior a span.large, #siguiente a span.large{top:-2px;}/*este es el margin para contenidos de una sola línea*/