/**************************************
 * THEME NAME: ceslcam-20091030
 *
 * Files included in this sheet:
 *
 *   ceslcam-20091030/styles.css
 *   ceslcam-20091030/styles.php.css
 *   ceslcam-20091030/mejoras.css
 **************************************/

/***** ceslcam-20091030/styles.css start *****/

@import "base.css";
@import "portada.css";
@import "mymoodle.css";
@import "cursos.css";
@import "footer.css";
/***** ceslcam-20091030/styles.css end *****/

/***** ceslcam-20091030/styles.php.css start *****/

/***** ceslcam-20091030/styles.php.css end *****/

/***** ceslcam-20091030/mejoras.css start *****/


/********* Ocultación de botones  ******************/
#my-index a.bothidden{
  display:none;
}


/************* Poner un fondo blanco al contenido de las páginas **************/



/*************** Cabeceras de tablas y encabezados  **************************/

#content .header, th.header, td.header, h1.header, h2.header, h3.header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
background:#FFFFFF url(pix/cab-04.jpg) repeat-x scroll center top;
font-weight:bold;
color:#FFFFFF;
border: 2px outset #001A48;
padding-bottom:0px;
}

th.header a{
  display:inline-block;
  background:#FFFFFF url(pix/cab-04.jpg) repeat-x scroll center top;
  color: white;
}

.headingblock{
  -moz-border-radius:3px;
}

body#site-index .headingblock,
body#course-view .headingblock{
  margin-bottom:0px;
}

/*******  Arreglo de contenido   ***************/
.generalboxcontent{
  background-color:#FFFFFF;
}

.generalbox{
  margin-bottom:0px;
  border:1px solid #6787B9;
}

table.forumpost{
  border:2px outset  #6787B9;
  -moz-border-radius:5px;
}

.forumpost .topic{
  border-bottom: 1px dashed #6787B9;
  background-color:#a1bce9;
}

.forumpost .topic .subject{
  font-weight:bold;
}

.forumpost .topic .author{
  color:#6787B9;
}

/*********  Mostrar información del listado de categorias y cursos ***************/


#course-index #content .categorybox{
 padding-left:100px;
 padding-right:100px;
}

#course-index #content .categorybox .categorylist .category.info{
  display:none;
}

#course-index #content .categorybox .categorylist .category.name a{
  background-color:#6787B9;
  color:#FFFFFF;
}

#course-index #content .categorybox .categorylist .category.image{
  width:1px;
}

#course-index #content .categorybox .categorylist .category.image img{
  display:none;
}

#course-index #content .categorybox .categorylist .course.name{
  border:1px outset #6787B9;
  border-right:none;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  display:inline-block;
  width:600px;
  margin-left:40px;
}

#course-index #content .categorybox .categorylist .course.name a{
  border:none;
}

#course-index #content .categorybox .categorylist .course.info{
  border:1px outset #6787B9;
  border-left:none;
  display:inline-block;
  padding-bottom:2px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topright:3px;
}

#course-index #content .categorybox .categorylist .course.info a:hover{
  padding-left:0px;
}


/**********  Redondear bloques de contenido en cursos ********/

#course-view .topics .section{
  display:block;
  -moz-border-radius:10px;
  border: 2px solid #cccccc;
}

#course-view .topics .separator{
  border:none;
}

#course-view .topics tr.section td.left{
  -moz-border-radius-topleft:9px;
  -moz-border-radius-bottomleft:9px;
  border:none;
}

#course-view .topics tr.section td.right{
  -moz-border-radius-topright:9px;
  -moz-border-radius-bottomright:9px;
  border:none;
}

#course-view .topics td.side{
  background-color:#C6E0EF;
}

#course-view .topics tr.current td.side{
  color:#6787B9;
  text-decoration:bolder;
  background-color:#FFE375;
}

#course-view .topics tr.section td.content ul.section{
  padding:5px;
}

/***********  Arreglos de la sala de chat  **************/


#mod-chat-gui_basic{
  background-color:#FFFFFF;
}

#mod-chat-gui_basic #participants{
  float:right;
  width:150px;
  top:10px;
  position:relative;
  border-left:1px dashed #6787B9;
  padding-left:10px;
  margin-left:10px;
  margin-bottom:10px;
}

#mod-chat-gui_basic h1{
  float:right;
}

#mod-chat-gui_basic #send h1, 
#mod-chat-gui_basic #messages h1{
  float:left;
  margin-right:10px;
  padding-left:20px;
}

#mod-chat-gui_basic #send,
#mod-chat-gui_basic #messages{
  margin-right:10px;
}

#mod-chat-gui_basic div#messages{
  margin-top:20px;
  padding-bottom:20px;
  border:1px dashed #6787B9;
  -moz-border-radius:5px;
  max-width:650px;
}

#mod-chat-gui_basic div#messages dl{
  border-bottom:1px dashed #6787B9;
  margin-left:150px;
}

/********  vestido de la pagina  ****************/
body.course{
  background:#E2E7EA url(pix/bg-html.jpg) repeat-x scroll left top;
  background-attachment:fixed;
}

#shrinkwrapper .headerimg{
  display:none;
}

#shrinkwrapper-header #header{
  background-color:white;
  -moz-border-radius:10px;
  //background:white url(pix/logo-small2.jpg) no-repeat bottom left;
  background-color:#FFFFFF;
  border:1px solid black;
  height:130px;
}

#shrinkwrapper-header #header h1{
  //font-variant: small-caps;
  font-size:25px;
  margin-top:10px;
  font-family: "Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",Verdana,"Verdana Ref",sans serif;
}

#shrinkwrapper-header #content{
  background-color:white;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}

#page #content{
  padding-bottom:40px;
  background-color: white;
  border-left:2px solid #999999;
  border-right:2px solid #999999;
  border-top:1px solid #999999;
}

#shrinkwrapper #header-home .description{
  display: block;
  float: right;
  text-align:right;
  margin-right: 76px;
  margin-top:61px;
  width:180px;
  vertical-align:bottom;
  //padding-top:10px;
}


#shrinkwrapper #header-home .description:hover{
  //margin-top:29px;
}

#shrinkwrapper #header-home .description img{
  width:32px;
  height:32px;
  vertical-align:bottom;
}

#shrinkwrapper #header-home .description img:hover{
//  width:64px;
//  height:64px;
}

#shrinkwrapper #header-home .description a:hover{
  border:none;
  background:none;
  position:relative;
  bottom:10px;
}

.navbar{
  -moz-border-radius:10px;
  background-color:#FFFFFF;
  color:#6787B9;
}

#site-index #shrinkwrapper .headerimg{
  border:2px solid #6787B9;
  border-bottom:none;
}

#site-index #shrinkwrapper #content #layout-table{
  background-color: white;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:10px;
  padding-top:10px;
}


/********  listado de cursos en categorias  ***********/
#course-category .courseboxes{
  border:2px outset #6787B9;
  -moz-border-radius:10px;
  margin-bottom:3px;
}

#course-category .courseboxes .coursebox .info{
  -moz-border-radius-topleft:5px;
  width:30%;
  text-decoration:none;
  font-size:16px;
  color:#FFFFFF;
  background-color:#6787B9;
  margin-bottom:10px;
}

#course-category .courseboxes .coursebox .info a{
  color:#FFFFFF;
  text-decoration:none;
  display:inline-block;
}

#course-category .courseboxes .coursebox .info a:hover{
  //color:#001C48;
  background-color:#FFFFFF;
}

#course-category .courseboxes .coursebox .summary{
  width:65%;
  text-align:justify;
  background-color:#FFFFFF;
  margin-top:4px;
  margin-right:4px;
  -moz-border-radius-topright:5px;
}

#course-category .courseboxes .coursebox{
  background-color:#6787B9;
  -moz-border-radius:5px;
}

#course-category .courseboxes .coursebox .info .teachers{
  margin-top:10px;
  padding:2px;
  font-size:12px;
  -moz-border-radius:5px;
  background-color:#FFFFFF;
  color:#000000;
}

#course-category .courseboxes .coursebox .info .teachers a{
  color:#001C48;
}


/******** Mensajes del foro de novedades de portada ******************************/

#site-index #content #layout-table #middle-column .forumpost {
display:inline-table;
font-size:10px;
height:137px;
margin-bottom:10px;
margin-left:7px;
margin-top:0;
overflow-x:auto;
overflow-y:auto;
vertical-align:top;
width:340px;
}

#site-index #content #layout-table #middle-column br{
  display:none;
}


/*********  bloque de novedades   *********************/
.block_news_items{
  border:2px dashed #6787B9;
  -moz-border-radius:5px;
}

.block_news_items .post .head{
  background-color:#C6E0EF;
  -moz-border-radius: 5px;
  padding:3px;
}

.block_news_items .post{
  border-bottom: 1px solid #6787B9;
  padding-bottom: 5px;
}

.block_news_items .post .info a{
  background-color:#CEE1EF;
  border:1px solid #80B5D0;
  -moz-border-radius:3px;
  padding:3px;
  text-decoration:none;
}

.block_news_items .post .info a:hover{
  text-decoration:none;
  background-color:#FFDE00;
}

/**********  bloque de verificacion de certificado  *******/
/*  No activo
#my-index .block_verify_certificate{
  border: 2px dashed #6787B9;
  -moz-border-radius:5px;
  background-color: #F5F5F5;
}

#my-index .block_verify_certificate .header h2{
  background:none;
  border-bottom: 2px dashed #6787B9;
  padding-left:3px;
  padding-top:2px;
  color:#261178;
  text-decoration:bolder;
}
*/


a.skip-block{
  display:none;
}

/***********  Arreglo del headermain  ****************/

#header h1.headermain{
  margin-left: 160px;
  max-width: 50%;
}

#header{
  min-height:80px;
}



/*********  Categorias para mymoodle **************/
.categorybox .categorylist .number{
  display:none;
}

.categorybox .categorylist .name a{
  text-decoration:none;
  display:block;
  border:1px outset #6787B9;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  //background-color:#EEEEEE;
  -moz-border-radius: 5px;
}

.categorybox .categorylist a:hover{
  background-color:#a1bce9;
  text-decoration:none;
  padding-left:10px;
  color: #000000 !important;
}

.categorybox .categorylist{
  margin:0px;
}


/************  Categoria de cursos portada  ***********/

#site-index .categorybox .categorylist a:hover{
  background-color:#a1bce9;
  color:#000000 !important;
  text-decoration:none;
  padding-left:10px;
  background-position: left center;
  background-repeat:no-repeat;
}

#site-index .categorybox{
  width:510px;
  background: url(pix/hombre-boli.jpg) no-repeat top left;
  min-height: 230px;
  padding-left: 190px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 10px;
  border:none;
  margin-bottom:22px;
}


#site-index #coursesearch{
  display:none;
}

.categorylist{
  width:100%;
}

/************  Adornos de bloques *********************/

#left-column .sideblock{
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  border-color:#6787B9 #6787B9 #6787B9 -moz-use-text-color;
  border-style:none outset outset none;
  border-width:1px 1px 1px medium;
  left:-1px;
  position:relative;
}

#left-column .sideblock .header{
  background:#FFFFFF url(pix/cab-04.jpg) repeat-x scroll center top;
  padding: 2px 2px 3px 20px;
  text-align: left;
  border-bottom: 2px groove #6787B9;
  -moz-border-radius-topright:10px;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
}


#right-column .sideblock{
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
  border-color:#6787B9 -moz-use-text-color #6787B9 #6787B9;
  border-style:outset none outset outset;
  border-width:1px medium 1px 1px;
  position:relative;
}

#right-column .sideblock .header{
  -moz-border-radius-topleft:10px;
  border-bottom:2px groove #6787B9;
  border-right:medium none;
  padding:2px 2px 3px;
  text-align:right;
}

.sideblock .title h2{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent none repeat scroll 0 0;
  font-size:0.9em;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#FFFFFF;
}

#right-column .sideblock .title h2{
  padding-right:4px;
}


/***************  Región de login  ********************/
.loginbutton,
.forumolddiscuss a{
  background-color:#a1bce9;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  border:1px solid;
  cursor:pointer;
  font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
  font-size:13px;
  margin-top:0px;
  margin-left:3px;
  padding:12px 5px;
  text-decoration:none;
  border-color:#6787B9;
}

.loginbutton{
  padding:0px;
  margin:0px;
  width:40px;
  height:20px;
  font-size:10px;
}

.forumolddiscuss a{
  background: url(pix/mensajes-antiguos.png) repeat-x top right;
  padding-top: 60px;
  padding-left: 565px;
  text-decoration:none;
  display:inline-block;
  text-align:right;
}

.forumolddiscuss a:hover{
  background-color:#a1bce9;
  color:white;
}


.forgotpassword{
  background-color:#a1bce9;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  border:1px solid;
  cursor:pointer;
  font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
  font-size:10px;
  text-align:center;
  padding:0px 3px;
  text-decoration:none;
  border-color:#80B5D0;
  display:block;
  width:221px;
  position:relative;
  left:14px;
}

a.forgotpassword:hover{
  background-color: orange;
  text-decoration: none;
  border:1px solid;
  padding:0px 3px;
}

input.loginbutton:hover{
  background-color:orange;
}

.headermenu{
  -moz-border-radius-bottomleft:13px;
  border-left: 2px solid #6787B9;
  border-bottom: 1px solid #6787B9;
  display:block;
  float: right;
  background: none;
  padding: 2px 10px;
  position: relative;
  width: 287px;
  height: 37px;
  overflow:hidden;
}



/*********  Menu dentro de leccion ************/
.menuwrapper .selected{
  margin-left: 10px;
  color:#6787B9;
  font-weight: bold;
}

.menuwrapper .notselected,
.menuwrapper .selected{
  border-bottom: #6787B9 solid 1px;
}

.menuwrapper li:hover.notselected{
  background:#94B5E8;
}

strong{
  color:rgb(64,99,123);
  font-weight:bold;
}

/************* Mejorar la visualizacion del menú scorm *******************/
#toctree{
  overflow:auto;
  width:100%;
}


#mod-scorm-player #tocbox {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(menu-top.png) no-repeat scroll 0 0;
  width:18%;
  height:500px;
}

#mod-scorm-player #tochead{
  padding:5px;
  background-color:#6787B9;
  color:#FFFFFF;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}

#mod-scorm-player #toctree {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background-color:#FFFFFF;
  border-color:#FF8918;
  border-width:0;
  overflow-x:hidden;
  overflow-y:auto;
  text-indent:-32px;
  padding-left: 38px;
  width:auto;
  height:500px;
  overflow:auto;
  position:relative;
  border:1px solid #6787B9;
}

#mod-scorm-player #toctree b a:visited{
  color:#FF8918;
}

#mod-scorm-player .generalbox{
  padding:0;
}

#mod-scorm-player .structurelist {
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  width:96%;
}

#mod-scorm-player .structurelist ul {
  margin-left:0.5em;
  padding-left:0.5em;
}

#mod-scorm-player #scormbox {
  width: 80%;
  padding-right:10px;
}

#mod-scorm-player .scoframe{
  height:500px;
}

/************ Aspecto de botón a los enlaces siguiente y anterior en el módulo scorm **********/
#mod-scorm-player #scormnav a,
#mod-scorm-player #scormnav a:link {
  background-color:#DCDCDC;
  border:2px outset;
  color:#000000;
  font-family:helvetica,arial,sans-serif;
  font-size:10pt;
  padding:1px 3px;
  text-decoration:none;
}

#mod-scorm-player #scormnav a:hover {
  background-color:#E0E0E0;
  border:2px inset;
  color:#000000;
  font-family:helvetica,arial,sans-serif;
  font-size:10pt;
  padding:1px 3px;
  text-decoration:none;
}

#mod-scorm-player #scormbox{
  background-color:#6787B9;
  color:#FFFFFF;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}

#mod-scorm-player #scormobject{
  border:1px solid #6787B9;
  margin-top:30px;
}

/*************  Aspecto de las lecciones   *******************/
.mod-lesson .sideblock .header,
.mod-lesson h2.main{
  background-color:#6787B9;
  color:#FFFFFF;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}

.mod-lesson .sideblock .content,
.mod-lesson .generalboxcontent{
  border:1px solid #6787B9;
}

.mod-lesson .sideblock .content a{
  display:block;
}

.mod-lesson .sideblock .content a:hover{
  background-color:#94B5E8;
  color:#000000 !important;
  text-decoration:none;
  border:none;
  margin:0px;
}

/***** ceslcam-20091030/mejoras.css end *****/