/**************************************
 * THEME NAME: flacso_8
 *
 * Files included in this sheet:
 *
 *   flacso_8/fw_book_theme.css
 *   flacso_8/fw_layout.css
 *   flacso_8/fw_color.css
 *   flacso_8/fw_fonts.css
 *   flacso_8/fw_clase.css
 *   flacso_8/lightbox.css
 *   flacso_8/fw_javi.css
 **************************************/

/***** flacso_8/fw_book_theme.css start *****/

.book_chapter_title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #CC6600;
}

.book_chapter_subtitle {
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	font-size: 18px;
	color: #666;
}

.book_section_title {
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666;
	margin-left: 10%;
}

.book_title p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #CC6600;
}

.book_content, #mod-lesson-view {
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

img.bigicon {
  vertical-align:middle;
  margin-right:4px;
  margin-left:4px;
  width:24px;
  height:24px;
  border:0px;
}

/* == TOC styles == */

/* toc style NONE */

.book_toc_none { /*FLACSO 8*/
background-color:#A7B387;
border-color:#6A7846;
border-width:1px;
border-style:solid;
color:#FFFFFF;
font-size:12px;
}

.book_toc_none a{/*FLACSO 8*/
color:#FFFFFF;
}


.book_toc_none ul {
    margin-left: 5px;
    padding-left: 0px;
	margin-top:0px;/*FLACSO 8*/
	margin-right:5px;/*FLACSO 8*/
}
.book_toc_none ul ul {
    margin-left: 0px;
    padding-left: 0px;
}
.book_toc_none li {
    margin-top: 7px;
	padding-bottom: 7px;
    list-style: none;
	font-size:12px;/*FLACSO 8*/
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#DFE5CF;
}
.book_toc_none li a{/*FLACSO 8*/
	color:#FFFFFF;
	font-size:12px;}

.book_toc_none li li {
	margin-left: 15px;
    margin-top: 0px;
    list-style: none;
	font-size:12px;	/*FLACSO 8*/
}
.book_toc_none li li a{/*FLACSO 8*/
	color:#FFFFFF;
	font-size:12px;}

/* toc style NUMBERED */
.book_toc_numbered ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_numbered ul ul {
    margin-left: 0px;
    padding-left: 0px;
}
.book_toc_numbered li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_numbered li li {
    margin-top: 0px;
    list-style: none;
}


/*toc style BULLETS */
.book_toc_bullets ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_bullets ul ul {
    margin-left: 20px;
    padding-left: 0px;
}
.book_toc_bullets li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_bullets li li {
    margin-top: 0px;
    list-style: circle;
}


/* toc style INDENTED*/
.book_toc_indented ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_indented ul ul {
    margin-left: 15px;
    padding-left: 0px;
}
.book_toc_indented li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_indented li li {
    margin-top: 0px;
    list-style: none;
}
/***** flacso_8/fw_book_theme.css end *****/

/***** flacso_8/fw_layout.css start *****/

/* Core */

body {
    margin: 5px;
	margin:auto;
	text-align:center;
}

#page {
    width:980px;
	margin:auto;
	text-align:left;	
	background-color:#FFFFFF; /*FLACSO 8*/
}

#content {
    width:980px;
	margin:auto;
	text-align:left;	
	background-color:#FFFFFF;	/*FLACSO 8*/
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
} 

h2.main {
  text-align: center;
  padding-left: 5px;
} 


h1, h2, h3, h4 {
  text-align: left;
  padding-left: 3px;
}
  
h1, h2, h3 {
  /* border-width: 1px;
  border-style: solid; */
}

h4 {
  /*border-bottom-style: solid;
  border-bottom-width:1px; */
}

input {
  border-width:1px; 
  border-style:solid;
}

.generalbox {
  border-width:1px; 
  border-style:solid;
}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;
}

/***
 *** Header
 ***/

#header-home {
  /* padding:1em 0.5em; */
  height:110px;
  border-width:0px;
  border-style:solid;
  
}

#header {
  height:81px;
  border-width:0px;
  border-style:solid;
}

.headermain {
 border-width: 0px;
 width:100%;
}

.header_td_puntorojo {
padding-top:2px;
}

/* IE6 Only */
* html .header_td_puntorojo {
padding-top:0px;
}

/* IE7 Only */
*:first-child+html .header_td_puntorojo {
padding-top:0px;
}

.headermenu {
  float:right;
  text-align:right;

}

.headermenu a:link, .headermenu a:visited  {
    color: #b8b8f6;
}

.navbar { /*FLACSO 8*/
  margin-right: 0px;
  padding-right: 6px;
  width: 99%; 
  padding-left:2px;
  padding-top:2px;
  padding-bottom:2px;    
  margin-top:-2px;
  margin-bottom: 3px;

}

.breadcrumb {
 padding-top: 0px;
 padding-left: 0px;
 margin-top:0px; /*FLACSO 8*/
 }
 
.navbar .navbutton {
  padding-right: 0px;
  padding-top: 0px;
  margin-top:0px; /*FLACSO 8*/
 }


/***
 *** Login
 ***/

TABLE.loginbox {
  margin-top: 20px;
  }

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 0px;
}


/***
 *** Footer
 ***/

#footer {/*FLACSO 8*/
  width:980px;	
  text-align:left;
  margin-top: 20px;
  margin-left:auto; 
  margin-right:auto; 
  padding-bottom:10px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#6A7846;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#6A7846;  
  background-color: #A7B387;
  color:#FFFFFF;
}

#footer .logininfo{/*FLACSO 8*/
	color:#FFFFFF;
}

#footer a:link {/*FLACSO 8*/
	color:#FFF7F0;
	text-decoration:none;
}
#footer a:hover {/*FLACSO 8*/
	color:#FFF7F0;
	text-decoration:underline;
}
#footer a:active {/*FLACSO 8*/
	color:#FFF7F0;
	text-decoration:underline;
}
#footer a:visited {/*FLACSO 8*/
	color:#FFF7F0;
	text-decoration:none;
}


/***
 *** Blocks
 ***/


.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
  margin-top: 3px;
  margin-bottom: 3px;
}

.sideblock .header H2 {
margin-top:4px;
 }
 
.hide-show-image {
 border: none;
}
  

/***
 *** Calendar
 ***/
 
 table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}


/***
 *** Course
 ***/
 
.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px;
}


#course-index .categorybox {
width:50%;
align:center;
margin-right:auto;
margin-left:auto;
}

#course-index #coursesearch{
margin-top: 20px;
margin-bottom: 20px;
}

.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}
.coursebox table {
	border: 1px solid;
    padding: 5px;
}
.coursebox td {
    padding: 5px;
}


#course-groups .generaltable {
  margin-top: 15px;
}

.glossarypost .peladito {
     border: 1px solid;
}

.sep {
     margin-left: 0px;
}

#mod-forum-discuss #content {
     clear: both;
}

#mod-book-view #content {
     clear: both;
}
		
.forumheaderlist {
	clear: both;
}

.edit_buttons{
	clear: both;
}


.menuinicio { /*FLACSO 8*/
    margin-left:341px;
	font-weight:normal;
	color:#FFFFFF;	
	padding-top:5px; 
}


.menuinicio ul{/*FLACSO 8*/
	list-style-type: none;
	text-align:right;


}
.menuinicio li{/*FLACSO 8*/
	display:inline;
	padding-right:1px;
	padding-left:1px;	

}


.fondomenuinicio{/*FLACSO 8*/
	background:url(images/header_2010_abajo.png); 	
	margin-top:-16px;
	*margin-top:0px;
	height:30px;

}

 #enc-flacso-8 {/*FLACSO 8*/
background-image: url(images/header_bg.png); 
background-repeat:repeat-x;
height:79px;
width:100%;
}


#enc-flacsoarg {/*FLACSO 8*/
	width:388px;
	float:left;
}
#enc-campusvirtual {/*FLACSO 8*/
	width:303px;
	float:right;
}


#left-column{
	padding-left:5px;
}
#right-column{
	padding-right:5px;
}

#login-index #content{ /*FLACSO 8*/
	margin-top:-15px;
}

#grade-report-grader-index #page{
	width:100%;
}
/***** flacso_8/fw_layout.css end *****/

/***** flacso_8/fw_color.css start *****/

/* Core */

body {
	background-color: #F2F4EC; /*FLACSO 8*/
	color: #333333;

}

a:link {
    color:#4D5136;
}

a:visited {
    color:#4D5136;
}

a:hover {
    color: #CC6600;
}

a.dimmed:link,
a.dimmed:visited {
  color:#AAAAAA;
}

h1 {
  /* background-color: #FFFFFF; */
  /* border-color: #FFFFFF; */
	color: #538D96;
}

h2 {
  /* background-color: #E3DFD4; */
  /* border-color:#C6BDA8; */
	color: #6A7846; /*FLACSO 8*/
}
h2.main {
  /* background-color: #E3DFD4; */
  /* border-color:#C6BDA8; */
	color: #6C8F94;
}
h3 {
  /* border-color:#C6BDA8; */
	color: #6C8F94;
}
h4 {
 /* border-color:#C6BDA8; */
	color: #6AA7B0;
}

h5 {
	color: #CC6600;	/*FLACSO 8*/
}

input {
	color: #666666;
	background-color: #F5F5F5;
	border-color: #CCCCCC;
}

th {
    background-color:#E3DFD4;

}

select{/*FLACSO 8*/
	color:#333333;
}

th.header,
td.header,
div.header {
  background-color: #DFE5CF;
  color: #E17203;

}

#layout-table #left-column {
    /* background-color: yellow; */
}

/*FLACSO 8*//*#content { 
    border-left-style:solid;
	border-left-width:1px;
	border-left-color:#A7B387;
    border-right-style:solid;
	border-right-width:1px;
	border-right-color:#A7B387;
}*/




.generalbox {
  border-color:#FFF; /*FLACSO 8*/
  background-color:#FFFFFF;

}

#mod-book-view .generalbox {
  border-color:#FFF; /*FLACSO 8*/
  background-color:#FFFFFF;

}

.generalbox th{
  background-color:#EBEBEB;
  color: #666;

}

.navbar { /*FLACSO 8*/
background: url(images/header_2010_abajo.png) repeat-y; 
background-color: #829257;
border-color: #829257;
color: #ffffff;
  /* height: 20px; */
  /*background: url(pix/grad/bg_bread.jpg) repeat-x; */
}

.navbar a:link{
  color: #FFF;
}
.navbar a:hover{
  color: #01E3E7;
}
.navbar a:active{
  color: #01E3E7;
}
.navbar a:visited{
  color: #FFF;
}

.sitetopiccontent {
  border-color:#CCCCCC;
  background-color:#FFFFFF;
}


/***
 *** Header
 ***/

#header-home {
  
}

#header {
  background-color: #F5F1EC;
  border-color:#CCCCCC;
}

/***
 *** Login
 ***/


.loginbox .header {
  border-color:#C6BDA8;
}

.loginbox .content {
  border-color:#C6BDA8;
}


/***
 *** Blocks
 ***/
 
.sideblock .header {
border-right-color: #F68700;
border-bottom-color: #BDB796;
border-left-color: #F68700;
border-top-color: #F68700;
}

.sideblock .header H2 {
color: #e17203;
 }


.sideblock {
  border-color:#CCCCCC;
  background-color: #FFFFFF;
}

.sideblock .content {
border-right-color: #F68700;
border-bottom-color: #F68700;
border-left-color: #F68700;
border-top-color: #BDB796;
  background-color: #FFFFFF;
}


.sideblock .content a:link {/*FLACSO 8*/
  color: #6A7846;
}
.sideblock .content a:hover {/*FLACSO 8*/
  color: #6A7846;
}
.sideblock .content a:visited {/*FLACSO 8*/
  color: #6A7846;
}
.sideblock .content a:active {/*FLACSO 8*/
  color: #6A7846;
}
 

.sideblock .footer {
  border-top-color:#009DA0;
}

.sideblock .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  }

/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #C6BDA8;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #C6BDA8;
}


table.calendarmonth tr td {
   border-color:#C6BDA8;
} 

table.minicalendar {
  border-color:#C6BDA8;
}

table.minicalendar tr.weekdays th {
  background-color:#FEF9F6;
  border-color:#C6BDA8;
  }

table.minicalendar tr td.day {
   border-color:#C6BDA8;
  }
  
table.minicalendar tr td.weekend {
  border-color:#C6BDA8;
  color: red;
  }
  
#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#2EBA0E !important;
  background-color:#2EBA0E;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

.cal_popup_fg {
  background-color:#FEF9F6;
}

.cal_popup_bg {
  border-color:#C6BDA8;
  background-color:#FEF9F6;
}


/***
 *** Course
 ***/

.headingblock {
  border-color:#CCCCCC;
}

headingblock header outline {
  border-color:#CCCCCC;
  background-color:#FEF9F6;
}

.coursebox table{
  border-color: #999;
  background: #F5F1EC;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#F2F4EC
;
  background: #F2F4EC
;
}

.categorybox a:link {
  color: #999;
}
.categorybox a:visited {
  color: #999;
}
.categorybox a:hover {
  color: #999;
}
.categorybox a:active {
  color: #999;
}
.courseboxcontent a:link{
  color: #CC6600;
}
.courseboxcontent a:hover{
  color: #CC6600;
}
.courseboxcontent a:active{
  color: #CC6600;
}
.courseboxcontent a:visited{
  color: #CC6600;
}

.categorybox .category,
.categorybox .category {
  border-color: #CC6600;
}

#course-view .section.main .content {
  border-color: #C9D1B5;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #C9D1B5;
  background-color: #C9D1B5;
}



#course-view .section.main .side a{
color: #C9D1B5;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #A7B387;
  color: #A7B387; /*FLACSO 8*/
}
#course-view .left {
  background-color: #C9D1B5;
  color: #C9D1B5;
}

#course-view .section.hidden .content
{
  border-color:#C9D1B5;
  background-color: #FFFFFF;
 }
#course-view .section.hidden .side {
  border-color:#C9D1B5;
  background-color: #F5F5F5;
  color: #F5F5F5;
 }
 
#course-view .section.hidden .side a{
  color: #F5F5F5;
 }




/***
 *** Tabs
 ***/

.tabs .side {
  border-color: #C6BDA8;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#C6BDA8;
}

.forumpost .content {
  background: #FEF9F6;
}

.forumpost .left {
  background:#FEF9F6; 
}

.forumpost .topic {
  border-bottom-color: #C6BDA8;
}

.forumpost .starter {
  background:#FEF9F6; 
}

.forumheaderlist .discussion .starter {
  background:#FEF9F6; 
}

.forumheaderlist td {
  border-color: #C6BDA8;
}

.sideblock .post .head {
  color:#FEF9F6;
}

.forumthread .unread {
  background: #FEF9F6;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #C6BDA8; 
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}

#course-view .headingblock{
background-color: #A7B387;
border-color: #A7B387;
color: #FFF;
}



.homepresentacion {
	background-image: url(https://virtual.flacso.org.ar/file.php/1/img/mouse_home.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	/*text-align: justify; FLACSO 8*/
}

#site-index .sitetopiccontent {
	background-color: #F2F4EC
;
	border-color: #F2F4EC
;
}

.formtable th {
	background-color: #F5F1EC;
}

.files th {
	background-color: #EBEBEB;
	color: #666;
}

.tdimagenoscuratxt div table div
{ background-color: #F5F5F5; }

.bare2 td.entryattachment {
  background-color: #CCC;
  color: #666;
}

.bare2 td.entryattachment a {
  color: #000;
}

.dimmed_text {
	color: #AAAAAA;
}
#mod-glossary-view .glossarydisplay table{
	border-color: #CCCCCC;
}

#mod-glossary-showentry .glossarypopup table{
	border-color: #CCCCCC;
}
/*FLACSO 8*/
/*#mod-glossary-view .glossarydisplay a:link{ 
	color: #CC6600;
	text-decoration:none;
}
#mod-glossary-view .glossarydisplay a:hover{ 
	color: #CC6600;
	text-decoration:underline;
}
#mod-glossary-view .glossarydisplay a:active{ 
	color: #CC6600;
	text-decoration:underline;
}
#mod-glossary-view .glossarydisplay a:visited{ 
	color: #CC6600;
	text-decoration:none;
}*/

#admin-roles-override .capcurrent {
  background-color:#CCC;
  border: 1px solid #cecece;
}

#admin-roles-manage .rolecap,
#admin-roles-override .rolecap {
  border:none;
  border-bottom:1px solid;
  border-bottom-color: #cecece;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
  color: #888;
}

a.linknaranja:link {
    color:#CC6600;
}

a.linknaranja:visited {
    color:#CC6600;
}

a.linknaranja:hover {
    color: #CC0000;
}

/*prueba*/ /*prueba*/
/*novedades de la portada*/
#site-index .forumpost {
  border-color:#F2F4EC
;
}

#site-index .forumpost .content { /*FLACS0 8 */
  background: #F2F4EC;
/*  text-align:justify;*/
}

#site-index .forumpost .left {
  background:#F2F4EC
; 
}

#site-index .forumpost .topic {
  border-bottom-color: #C6BDA8;
}
#site-index .forumpost .topic .subject{
  color: #CC6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

#site-index .forumpost .starter {
  background:#F2F4EC
; 
}

#site-index .forumheaderlist .discussion .starter {
  background:#F2F4EC
; 
}

#site-index .forumheaderlist td {
  border-color: #C6BDA8;
}

/*foro de portada course 1 */
.course-1 .forumpost {
  border-color:#F2F4EC
;
}

.course-1  .forumpost .content {
  background: #F2F4EC
;
  /*text-align:justify; FLACSO 8*/
}

.course-1  .forumpost .left {
  background:#F2F4EC
; 
}

.course-1 .forumpost .topic {
  border-bottom-color: #C6BDA8;
}
.course-1 .forumpost .topic .subject{
  color: #CC6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.course-1  .forumpost .starter {
  background:#F2F4EC
; 
}

.course-1  .forumheaderlist .discussion .starter {
  background:#F2F4EC
; 
}

.course-1 .forumheaderlist td {
  border-color: #C6BDA8;
}

#site-index  h2.headingblock {
  border-color: #FFF;/*FLACSO 8*/
  border-bottom-color: #009DA0; /*FLACSO 8*/
  color: #666666; /*FLACSO 8*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding-left:10px; /*FLACSO 8*/
  /*background: url(images/puntos_nov.gif) no-repeat; */ /*FLACSO 8*/
  
}

#site-index  .generalbox  {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.patronal {
  width: 100%; 
  height: 76px; 
  background: url(images/fondoarriba.jpg) repeat-x;
}

.bajofondo {
  width: 100%; 
  height: 26px; 
  background: url(images/bajofondo.jpg) repeat-x;
  padding-top: 8px;    
}

.capcurrent {
  background-color:#CCC;
  border: 1px solid #cecece;
}

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
   background-color:#E3DFD4;
}

.lessonbutton input {
background-color:#FFEEDD;
border:2px solid #E17203;
color:#E17203;
font-size:16px;
font-weight:bold;
padding:5px 20px;
margin-top:10px;
}

.r1 { /*FLACSO 8*/
     background-color: #F2F4EC;
}



.grade-report-grader table#user-grades  { 
		
}
.grade-report-grader table#user-grades tr.avg td.cell {
background-color:#F7FFE1;
}

.link_mod_pagemenu_link_page.menuitemlabel.current {
  font-weight: bold;    
}/***** flacso_8/fw_color.css end *****/

/***** flacso_8/fw_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;

}

body, td, li {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

body {
    margin : 5px;
}

th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

select { /*FLACSO 8*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration: none;
    font-weight: normal;	
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration: none;
    font-weight: normal;	
}

h1, h2, h3, h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


th.header,
td.header,
div.header,
.headingblock {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
}


.categorybox .category,
.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
}

.categorybox a:link {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}
.categorybox a:visited {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}
.categorybox a:hover {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}
.categorybox a:active {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}

/***
 *** Header
 ***/
 
.breadcrumb {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
}

.navbar a:link{
  text-decoration: none;
  font-weight:bold;
}
.navbar a:hover{
  text-decoration: underline;
  font-weight:bold;
}
.navbar a:active{
  text-decoration: underline;
  font-weight:bold;
}
.navbar a:visited{
  text-decoration: none;
  font-weight:bold;
}


.logininfo,
#header-home .headermenu font {
     font-size:.8em;
     color:white; 

}

 /***
 *** Blocks
 ***/
 
 .sideblock .content a:link {
 text-decoration: none;
 }
.sideblock .content a:hover {
 text-decoration: underline;
}

.sideblock .content a:active {
 text-decoration: underline;
}
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

 .sideblock .header H2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
 }

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:.8em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td.day {
  font-size:0.7em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

#header-home a:link { /*FLACSO8*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
#header-home a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #01E3E7;/*FLACSO8*/
}
#header-home a:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #01E3E7;/*FLACSO8*/
}
#header-home a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;/*FLACSO8*/
}

#course-view .section .activity {
  padding:0.2em 0;
  padding-bottom: 5px;
}/***** flacso_8/fw_fonts.css end *****/

/***** flacso_8/fw_clase.css start *****/

/* CLASE */

/* Layout general */

.bodyclase {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.tablamaterial {
	width: 500px;
	margin: auto;
}

#mod-lesson-view .tablamaterial {
	margin:auto;
}

.tablamaterial td {
	font-size: 12px;
	text-align: justify;
}
.tablamaterial li {
	font-size: 12px;
	text-align: justify;
}

/*titulos y subtitulos */

.tituloclase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #CC6600;
}

.tituloseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding-top: 20px;
	color: #666;
	font-weight: bold;
}
.otrosubtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #C60;
}

.titular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666;
	font-style: italic;
}



/* Links */
a.autolink:link {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
a.autolink:hover {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
a.autolink:active {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
a.autolink:visited {
	font-size: 12px;
	color: #CC6600;
	background-color:#FEF1E3;
	text-decoration: underline;
}

.tablamaterial a.autolink:link {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
.tablamaterial a.autolink:hover {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
.tablamaterial a.autolink:active {
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
.tablamaterial a.autolink:visited {
	font-size: 12px;
	color: #CC6600;
	background-color:#FEF1E3;
	text-decoration: underline;
}

.tablamaterial a.linkpop:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
.tablamaterial a.linkpop:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
.tablamaterial a.linkpop:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.tablamaterial a.linkpop:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color:#FFFFFF;  /* #FEF1E3; NO VA, CAMBIA EL ESTADO DE TODOS LOS POPS DE LA PÁGINA*/
    text-decoration: underline;
}

.tablamaterial a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
.tablamaterial a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
	background-color:#FEF1E3;	
}
.tablamaterial a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}
.tablamaterial a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: underline;
}

a.linknaranja:link {
    color: rgb(204,102,0);
}
a.linknaranja:visited {
    color: rgb(204,102,0);
}
a.linknaranja:hover {
    color: rgb(204,102,0);
}
a.linknaranja:active {
    color: rgb(204,102,0);
}
	
/* Imagenes */
										
.imagenclara {
	background-color: #EBEBEB;
	padding: 10px;
	width: 100%;
	border: 1px solid #999999;
	margin:auto;
}
.tdimagenclara {
	background-color: #EBEBEB;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.tdimagenclara div {
	font-size: 11px;
}
.imagenclaratxt {
	background-color: #EBEBEB;
	padding: 10px;
	width: 500px;
	border: 1px solid #999999;
	margin-left: 25%;
}
.tdimagenclaratxt {
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
/*.imagenoscura {
	background-color: #666666;
	padding: 10px;
	width: 340px;
	border: 1px solid #000000;
	margin-left: 25%;
}*/

.imagenoscura {
	background-color: #EBEBEB;
	text-align: center;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin:auto;
}

.tdimagenoscura {
	background-color: #666666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.imagenoscuratxt {
	background-color: #666666;
	width: 500px;
	border: 1px solid #000000;
}
.imagenlivianatxt {
	background-color: #FFF;
}
.imagenclaratxt {
	background-color: #FFF;
	width: 500px;
	border: 1px solid #000000;
}
.tdimagenoscuratxt {
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}
.tdimagenlivianatxt {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 10px;
}
.tdimagenclaratxt {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 10px;
}
.imagenoscuratxt div table 
{ margin-right: 10px; }

.imagenlivianatxt div table 
{ margin-right: 10px; }

.tdimagenoscuratxt div table div
{ background-color: #F5F5F5;
  color: #333;
}
.tdimagenlivianatxt div table div
{ background-color: #000;
  color: #FFF;
}
.cvfoto {
	margin: 10px;
	float: left;
	border: #000000;
	position: relative;
	clip: rect(auto,auto,auto,auto);
	vertical-align: text-top;
	text-align: justify;
	padding: 10;
}

/* Recursos */

.franja {
        background-color: #999;
	color: #FFF;
        padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.cita {
	font-style: italic;
	text-align: justify;
	margin-left: 90px;
}

.citafirma{
	text-align: justify;
	margin-left: 90px;
}

.actividad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	padding: 10px;
	border: 1px solid #CC6600;
}

.actividad a:link{
	color: #CC6600;
	text-decoration:underline;
}
.actividad a:hover{
	color: #CC6600;
	text-decoration:underline;
}

.actividad a:active{
	color: #CC6600;
	text-decoration:underline;
}

.actividad a:visited{
	color: #CC6600;
	background-color:FEF1E3;
	text-decoration:underline;
}


.otrasvoces {
	margin-right: 10px;
	margin-left: 10px;	
}

.tablaheader {
	border: 1px solid #F2DFCA;
}

.recuadro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 10px;
	border: 1px solid #666666;
	text-align: left;
}


/* Estilo Diarios y revistas */

.tablamaterial .tabladiario {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #EBEBEB;
	border: 2px solid #000000;
	
}
.tablamaterial .tabladiario TD{
	background-color: #F5F5F5;
}
.tablamaterial .tabladiario LI{
	background-color: #F5F5F5;
}
.tablamaterial .tabladiario  LI STRONG{
	background-color: #F5F5F5;
	font-weight: bold;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.tablamaterial .titulodiario{
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.tablamaterial .volantadiario {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
}
.tablamaterial .copetediario {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #000000;
	text-align: left;
}
.tablamaterial .textodiario {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
}

.homepresentacion {
	background-image: url(https://virtual.flacso.org.ar/file.php/1/img/mouse_home.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
}


.tablamaterial TD {
	text-align: justify;
}
/***** flacso_8/fw_clase.css end *****/

/***** flacso_8/lightbox.css start *****/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/***** flacso_8/lightbox.css end *****/

/***** flacso_8/fw_javi.css start *****/

#demoANIM1 { /* es el DIV contenedor */
    /* lo dimensiono del mismo tamaño que la imagen (en este ejemplo de 500x375) */
    height: 275px;
    width: 400px;
    margin: 0 auto; /* lo centro */
    overflow: hidden; /* impido que se deborde */
    position: relative; /* establezco esta propiedad para poder ubicar las imágenes de manera absoluta */
  }
  #demoANIM1imagenes { /* es el contendor interno donde están las imágenes */
    /* lo fijo arriba */
    position:absolute;
    left: 0;
    top: 0;
    /* le digo que su ancho es igual a la suma del ancho de todas imágenes */
    width: 2800px; /* 400 * 7 = 2800 */
    /* y le digo que cualquier cambio sea animado */
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all 1s.ease-in-out;
    -o-transition:all 1s.ease-in-out;
    transition:all 1s ease-in-out;
  }
  #demoANIM1imagenes img { /* fuerzo a que las imágenes se vean todas iguales */
    height: 275px;
    width: 400px;
  }
  /* y le pongo un poc de estilo a los numeritos que sirven de enlace */
  #demoANIM1links {
    border-bottom: 1px solid #345;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 400px;
  }
  #demoANIM1links a {
    background-color: #345;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 4px #ABC inset;
    margin: 0 2px;
    padding: 4px 8px;
  }
  #demoANIM1links a:hover {
    box-shadow: 0 0 8px #ABC inset;
    color: #FFF;
  }













#divboxout {

-webkit-box-shadow: 4px 4px 4px 2px #b8b6b8;
-moz-box-shadow:    4x 4px 4px 2px #b8b6b8;
box-shadow:         4px 4px 4px 2px #b8b6b8;
background: #fce700;
width: 500px;
}

#textshadow {
width: 300px;
text-shadow: #575757 2px 2px 2px;
text-align: center;


-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 100px;
-webkit-border-radius: 10px 40px 40px 100px;
border-radius: 10px 40px 40px 100px; 

}

#divbox{
        -moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius: 100px 15px 100px 15px;
border-radius: 100px 15px 100px 15px; 
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 22%, rgba(181,198,208,1) 50%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(22%,rgba(216,225,231,1)), color-stop(50%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 22%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 22%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 22%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 22%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* W3C */


-webkit-box-shadow: 10px 10px 10px 2px ;
-moz-box-shadow: 10px 10px 10px 2px ;
box-shadow: 10px 10px 10px 2px ; 


text-shadow: 1px 3px 3px #;
filter: dropshadow(color=#, offx=1, offy=3); 

resize: both;
overflow: auto;
min-width: 200px; /*suggest a mid-width & min-height*/
min-height 50px; 

}

#pbox{

margin-left: 20px;
margin-right: 20px;
}

#ImagenesclarasBody{
		
		background: #ebebeb;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 10px;
		overflow: hidden;
	 width: 500px;
	 border: 1px;
  		 margin-left: auto, margin-right:auto;
  		 clear: both;
border:1px solid gray;
	}

#TablaImagenesClaras {
border-width:1px;
				margin: 3px auto;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				background-color: #ebebeb;			
				text-align:center;
				word-spacing:3px;
				clear: both; overflow: auto;
}				

	#img1_imagenesclaras{float: left; width: 36%; margin-left: auto; margin-right:auto; padding: 10px;}
	#img2_imagenesclaras{float: left; width: 36%; margin-left: auto; margin-right:auto; padding: 10px;}
	#img3_imagenesclaras{float: left; width: 20%; margin-left: auto; margin-right:auto; padding: 10px;}

p#FontGrisBold {
font-family: Verdana, Arial, Helvetica, sans-serif;				
font-weight: bold;
color: grey;

}
/*Para Seguir Pensando*/


#ParaSeguirPensandoBody{
		
		background-color: #666666; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 10px;
		overflow: hidden;
  		 width: 500px;
  		 border: 1px;
  		 margin-left: auto; margin-right:auto;
  		 clear: both;
	}
	
#ImgParaSeguirPensando {
				margin: 3px;
				color: white;
				font-family: Verdana, Arial, Helvetica, Sans-serif;
				font-size: 12px;
				background-color: #666666; 		
				text-align:justify;
				clear: both; 
				overflow: auto;
				text-align:justify;
				word-spacing:3px;
				clear: both;
				padding: 5px 10px 10px 5px;
				line-height: 18px;
				
				
}				

.spaceword {
				float: left;
				margin-right: 5px;
				padding: 5px;
				}
				

#leftword {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;

}				


/*Estilo Otras Voces*/

p.otrasvocesfont{
						color: black;
						font-family: sans-serif;
						font-size: 12px;
						font-style: italic;
}






#potrasvoces{
					color: #669933;
						font-family: sans-serif;
						font-size: 16px;
						
}

#OtrasVocesBox{
			border: 1px solid #000000;
			-moz-border-radius: 7px;
			border-radius: 7px;
			-webkit-border-radius: 7px;
			padding: 10px;
			border-radius: 7px;
			-moz-box-shadow: 3px -4px #000;
			box-shadow: 3px -4px #000;
			margin-left: 10%;
			margin-right: 10%;
			margin-top: 10%;
background-color: #ebebeb; 
                      }




/* la imagen en su forma normal */

#ampliar img{
-webkit-transform:scale(1);
-moz-transform:scale(1); /*version Mozilla */
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit:duracion de la Animacion*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*para Opera*/
opacity: 0.5;
}

/* al pasar el cursor por encima SE AMPLIA*/

#ampliar img:hover{
-webkit-transform:scale(2); /*Webkit:Modificamos tamaño a escala*/
-moz-transform:scale(2); /*Mozilla:Modificamos tamaño a escala*/
-o-transform:scale(2); /*Opera:Modificamos tamaño a escala*/
-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
opacity: 1;
}
			
			
			
#back {

		background-color: #ebebeb;
		width: 500px;
		margin-left: 30px;
}

				
				
/*Estilo Diario*/


.paginanwes {
background: #f5f5f5;
padding:15px 15px 40px;
}
table.contenidonews {
background: #fff;
margin: 0 auto;
color: #000;
}


.titularnews {
font-size: 3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-seirf;
text-align: justify;
border-bottom: 3px solid #000;
padding-bottom: 4px;
margin: 5px auto;
width: 530px;
line-height:1.1em;

}

.autornews {
font-size: 1.3em;
font-weight: bold;
font-family: Times, "Times New Roman", seirf, Gerogia;
text-align: left;
padding-bottom: 4px;
}

.fechanews {
font-size: 1.3em;
font-weight: bold;
text-transform: uppercasse;
font-family: Arial, Helvetica, sans-seirf;
text-align: right;
padding-bottom: 4px;
}

.textosnews {
font-size: 1.1em;
font-weight: normal;
font-family: Times, "Times New Roman", seirf;
text-align: justify;
padding-bottom: 4px;
}

div.copetenews {
font-size: 1.1em;
font-weight: bold;
color: #4d4d4d;
font-family: Arial, Helvetica, sans-seirf;
text-align: justify;
margin:5px auto;
padding-bottom:4px;
width:480px
}

/* Ampliación de imágenes animadas */

/* la imagen en su forma normal */

#ampliar img{
-webkit-transform:scale(0,2); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0,21); /*Mozilla scale version*/
-o-transform:scale(0,2); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.5;
}

/* al pasar el cursor por encima SE AMPLIA*/

#ampliar img:hover{
-webkit-transform:scale(2); /*Webkit:Modificamos tamaño a escala*/
-moz-transform:scale(2); /*Mozilla:Modificamos tamaño a escala*/
-o-transform:scale(2); /*Opera:Modificamos tamaño a escala*/
-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
opacity: 1;

}

/* Ampliación de imágenes animadas escala 1.5 */


#ampliarescalamenor img{
-webkit-transform:scale(0,06); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0,06); /*Mozilla scale version*/
-o-transform:scale(0,06); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.5;
}

/* al pasar el cursor por encima SE AMPLIA*/

#ampliarescalamenor img:hover{
-webkit-transform:scale(1.5); /*Webkit:Modificamos tamaño a escala*/
-moz-transform:scale(1.5); /*Mozilla:Modificamos tamaño a escala*/
-o-transform:scale(1.5); /*Opera:Modificamos tamaño a escala*/
-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
opacity: 1;

}





#gallery {
  height: 270px;
  margin: 20px auto;
  position: relative;
  width: 420px;
background-color: #ebebeb;
}




#gallery div {
  overflow: hidden;
  position: absolute;
  /* efectos opcionales */
  box-shadow: 3px 3px 50px #1e1717;
  -moz-box-shadow: 3px 3px 50px #1e1717;
  -webkit-box-shadow: 3px 3px 50px #1e1717;
  -webkit-transition: all 1500ms linear;
  background-color: #444;
  opacity: 0.9;
}


#gallery div#img1:hover, #gallery div#img2:hover, #gallery div#img3:hover, #gallery div#img4:hover, #gallery div#img5:hover, #gallery div#img6:hover, #gallery div#img7:hover, #gallery div#img8:hover, #gallery div#img9:hover {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  opacity: 1;
  z-index: 999;
}


#gallery span {
  background-color: #222;
  bottom: 5px;
  color: #ABC;
  font-size: 15px;
  font-weight: bold;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 40%;
}


#gallery #img1 {
  /* esto rota la imagen una catidad de grados a la izquierda (valores negativos) o hacia la derecha (valores positivos) */
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  /* esta es la posición dentro del rectángulo #gallerty y podemos usar left top right o bottom */
  left: 50px;
  top: 30px;
  /* esto indicará la capa, cuanto más bajo sea el valor, más abajo estará y permite superponerlas */
  z-index:1;
}



#gallery #img2 {
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  left:150px;
  top: 30px;
  z-index:7;
}
#gallery #img3 {
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  left:210px;
  top: 30px;
  z-index:7;
}

#gallery #img4 {
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  left:270px;
  top: 30px;
  z-index:1;
}


#gallery #img5 {
  -moz-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  left:50px;
  top: 150px;
  z-index:3;
}


#gallery #img6 {
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  left:160px;
  top: 150px;
  z-index:7;
}

#gallery #img7 {
  -moz-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  left:270px;
  top: 100px;
  z-index:7;
}


#gallery #img8 {
  -moz-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  left:270px;
  top: 150px;
  z-index:3;
}

#gallery #img9 {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  left:40px;
  top: 90px;
  z-index:7;
}



#gallerysinfondo {
  height: 270px;
  margin: 20px auto;
  position: relative;
  width: 420px;
}

#gallerysinfondo div {
  overflow: hidden;
  position: absolute;
  /* efectos opcionales */
  box-shadow: 3px 3px 50px #1e1717;
  -moz-box-shadow: 3px 3px 50px #1e1717;
  -webkit-box-shadow: 3px 3px 50px #1e1717;
  -webkit-transition: all 1500ms linear;
  background-color: #444;
  opacity: 0.9;
}

#gallerysinfondo span {
  background-color: #222;
  bottom: 5px;
  color: #ABC;
  font-size: 15px;
  font-weight: bold;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 40%;
}


#gallerysinfondo #img1 {
  /* esto rota la imagen una catidad de grados a la izquierda (valores negativos) o hacia la derecha (valores positivos) */
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  /* esta es la posición dentro del rectángulo #gallerty y podemos usar left top right o bottom */
  left: 50px;
  top: 30px;
  /* esto indicará la capa, cuanto más bajo sea el valor, más abajo estará y permite superponerlas */
  z-index:1;
}



#gallerysinfondo #img2 {
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  left:150px;
  top: 30px;
  z-index:7;
}
#gallerysinfondo #img3 {
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  left:210px;
  top: 30px;
  z-index:7;
}

#gallerysinfondo #img4 {
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  left:270px;
  top: 30px;
  z-index:1;
}


#gallerysinfondo #img5 {
  -moz-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  left:50px;
  top: 150px;
  z-index:3;
}


#gallerysinfondo #img6 {
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  left:160px;
  top: 150px;
  z-index:7;
}

#gallerysinfondo #img7 {
  -moz-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  left:270px;
  top: 100px;
  z-index:7;
}


#gallerysinfondo #img8 {
  -moz-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  left:270px;
  top: 150px;
  z-index:3;
}

#gallerysinfondo #img9 {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  left:40px;
  top: 90px;
  z-index:7;
}


#textalign {
 width="100"
 background-color: #666666; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 
}

.circulo{

 -moz-border-radius: 60px;
 width: 50px;
 background-color: #CCC;
 height: 50px;
 }









#cf {
	position:relative;
	height:281px;
	width:450px;
	margin:0 auto;	
}
#cf img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;	
	transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
	opacity:0;
}			
@keyframes cf3FadeInOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#cf3 img.top {
	animation-name: cf3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 10s;
	animation-direction: alternate;




.textocut {

word-wrap: break-word;

}



body { background-color:#333; margin:0 auto;  
background-image:url('images/interface/bgnoise.png');}  
#container { width:793px; height:498px; margin:0 auto;  
background-image:url('images/interface/back_noise.png');  
background-color:#111; margin-top:40px;}  
#container .mainframe { width: 500px; height:498px; float:left}  
#container .thumbnails { float:left; width:293px; height:498px;  
background-repeat:no-repeat; background-image:url('images/interface/total_grid.png');  
background-position:9px 70px; }  
.thumbnailimage { float:left; padding:7px;}  
.large_thumb    {float:left; position: relative; width:64px;  
height:64px; padding:0px 10px 0px 0;}  
img.large_thumb_image   {position:absolute; left:5px; top:4px;}  
.large_thumb_border {width:64px; height:64px;  
background:url('images/interface/thumb_border.png'); position:absolute; }  
.large_thumb_shine  {width:54px; height:54px;  
background:url('images/interface/shine.png'); position:absolute;  
background-position:-150px 0; left:5px; top:4px; background-repeat:no-repeat;}  
.thumb_container { width:64px; height:64px;  
background-image:url('images/interface/thumb_holder.png'); }  
#largephoto { width: 444px; height:370px; background-color:#333333;  
margin-top:68px; margin-left:40px; -moz-border-radius: 10px;  
-webkit-border-radius: 10px; border-left: 1px solid #fff;  
border-right: 1px solid #fff; border-bottom: 1px solid #fff; }  
#largetrans { width: 444px; height:370px;  
background-image:url('images/interface/main_bg_trans.png');  
-moz-border-radius: 10px; -webkit-border-radius: 10px;}  
.large_image { display:none}  
#containertitle { position:absolute; margin-top:35px;  
margin-left:40px; font-family:Arial, Helvetica, sans-serif;  
font-weight:bold; text-shadow: 0px 1px 2px #fff;}  
#largecaption {  text-align:center; height:100px;  
width:100%; background-color:#111; position:absolute; width: 444px;  
margin-top:270px; -moz-border-radius-bottomleft: 10px;  
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px;  
-webkit-border-bottom-rightright-radius: 10px;  
display:none; color:#fff; font-size:30px;  
font-family:Arial; letter-spacing:-1px; font-weight:bold}  
#largecaption .captionContent { padding:5px;}  
#largecaption .captionShine { background:url('images/interface/bigshine.png');  
 position:absolute;  width: 444px; height: 100px;  
 background-position:-150px 0;background-repeat:no-repeat;}  
#loader { width:150px; height:150px;  
background-image:url('images/interface/loader.gif');  
background-repeat:no-repeat; position:absolute;} 




#i:hover{
-webkit-transition: 3s;
-webkit-transform: rotate3d(100,100,100, 360deg);
}/***** flacso_8/fw_javi.css end *****/