/* - Varios especifico web */
.clear{clear:both;}
.menu{font-size:1.3em;font-weight:bold;padding:4px;text-align:center;}
.menu a:hover{color:#FFFFFF;}
/* - Plantilla pagina principal y elementos comunes */
html, body {font-size: 0.9em;font-weight: normal;color: #000000;font-family: Trebuchet MS,Arial, sans-serif;padding:0px;margin:0px;background-color:#333333;}

table { border-collapse: collapse;border:1px solid #666666;}
tr{ border-collapse: collapse;border:1px solid #666666;}
td { border-collapse: collapse;font-size:0.8;border:1px solid #666666;}
table tlayout{border:0px solid #FFFFFF;}

a, a:link, a:active, a:visited {text-decoration: none;color:#000000;}
a:hover{text-decoration:none;cursor:pointer;}
a img {border:0px;}

img {border: 0px solid #000000;}
img.xs{width:50px;}
img.s{width:100px;}
img.m{width:150px;}
img.l{width:200px;}
img.xl{width:300px;}
img.xxl{width:400px;}
img.border0{border:0px;}

p {text-align:justify;font-size:1em;padding:0px;margin:10px;}
p.s {font-size:0.8em;}
p.m {font-size:0.9em;}
p.l {font-size:1em;}
p.xl {font-size:1.1em;}
.fonts {font-size:0.8em;}
.fontm {font-size:0.9em;}
.fontl {font-size:1em;}
.fontxl {font-size:1.1em;}
.fontxxl {font-size:1.3em;}

.bold{font-weight:bold;font-size:1.1em;}

h1 {padding:10px 10px 0px 0px;margin:0px;}
h2 {padding:0px 10px 0px 0px;margin:0px;}

li {list-style-image: url("images/li.gif");margin-left: 25px;}

form {font-size:1em;}
input, select{border: 1px solid #FF9900;min-height:20px;vertical-align:top;background-color:#FFCC66;margin:2px;}
textarea{padding:2px;background-color:#FFCC66; border: 1px solid #FFCC00;vertical-align: middle;}
input.hidden{margin:0px;padding:0px;visibility:hidden;border:0px;background: transparent;}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover,textarea:focus, textarea:hover {background-color:#FFCC00;}
button{background-color:transparent;margin:0px;border:0px;padding:0px;vertical-align:top;}

.floatleft{float:left; margin:2px;}
.floatright{float:right; margin:2px;}
.center{text-align:center;}
.padding5px{padding:5px;}
.margintop16px{margin-top:16px;}
/* contenedor de la pagina y columnas */
#container {border:1px solid #666666;width: 1000px;padding:0px;margin:0px;margin-left: auto;margin-right: auto;background-color:#FFFFFF;} 
#container2 {vertical-align:bottom;padding: 0px;margin: 0px;}

#leftcol {float: left;width: 300px;border: 0px;}/*Columna izquierda*/
#centercol {margin: 0px 0px 0px 305px;border: 0px;}/*Columna central*/
#rightcol {display:none;float: right; width: 0px;border: 0px;}/*Columna derecha*/

/* divisor para poner 2 columnas en la zona central */
.divisor{display:table;margin:0px;height:100%;}/*division en dos columnas*/
.divisorright{margin: 0px 0px 0px 185px;border: 0px;}/*subdivisiones columna central*/
.divisorleft{float:left;margin:0px;width: 180px;border: 0px;}/*subdivisiones columna central*/

/* cabecera de la pagina (logo) */
#cabecera {vertical-align:bottom;height:275px;padding: 0px;margin: 0px 0px 10px 0px;background-color:#FF6600;}
#cabecera img {padding:0px 0px;border:0px;} 

#boxcabecera{margin:0px;}/*para buscador, etc*/
#boxcabecera form{display:inline;}

/*  pie */ 
#footer {text-align:right;font-size: 0.9em;height:20px;clear:both;padding:5px 10px 0px 10px;margin:0px;}

/*  contenedores de diferentes tipos (boxes) */ 
.box {margin:5px 0px; font-size:0.9em;}
.boxtitle {font-weight:bold;font-size:1.2em;padding:10px;margin:0px 0px 20px 0px;border:0px;}
.boxtitle img {border:0px;}

.boxcontent {padding:10px;margin:5px;border:0px solid #000000;}

/* - Otros conceptos (Cambiar según convenga) - */


/* Calendario (cambiar por el propio) */
.calTable {width:140px;vertical-align:bottom;border: 1px solid #CC9900; background-color:#FFFFFF;margin-top:4px;margin-bottom:3px;padding:0px; font-size:0.8em;font-family: Arial, sans-serif;}
.calTable a{color: #000000;}
.calCabeceraTD { border-bottom: 1px solid #CC9900;background-color:#FFFFCC;font-weight: bold;vertical-align: middle;text-align: center;}
.calCabeceraTD img{padding:0px;margin:0px;max-width:16px;}
.calDiaTD {width: 16px;border:1px solid #CC9900;background-color: #FFFFCC;width: 16px;color: #000000;vertical-align: middle;text-align: center;font-weight: bold;}
.calHoyTD { width: 16px;border:1px solid #CC9900;background-color: #CC9900;font-weight: normal;width: 16px;color: #000000;vertical-align: middle;text-align: center;}
.calHoySelectedTD{width: 16px;border:1px solid #CC9900;background-color: #FFFFCC;font-weight: bold;width: 16px;color: #000000;vertical-align: middle;text-align: center;}
.calDateTD {border:1px solid #CC9900;background-color: #FFFFFF;width: 16px;color: #000000; vertical-align: middle;text-align: center;}
.calDateSelectedTD {border:1px solid #CC9900;background-color: #FFFF66;width: 16px;color: #000000; font-weight: bold;vertical-align: middle;text-align: center;}
.calPieTD{border:1px solid #CC9900;background-color: #FFFFFF;width: 16px;color: #000000;vertical-align: middle;text-align: center;}

/* Menú lateral: Categorías y subcategorías */
.menucontainer{margin-left:14px;font-family:Helvetica,Arial, sans-serif;}
.menuitem{background-image:url("images/li.gif");background-repeat:no-repeat;background-position:left;padding-left:12px;font-weight:bold;}
.menuitem a{color:#000000;}
.menuitem a:hover{color:#000000;padding-left:3px;}


/* Listados para noticias, cursos... paginados */
.listado {padding:10px; font-size:0.9em;}
.listadoitem{padding:10px;margin:5px;border:1px solid #000000;background-image: url("images/box4.jpg");background-position:left top;background-repeat:no-repeat;background-color:#FFCC66;}
.listadoimagen{border: 1px solid #000000;float:left;margin:5px;}
.listadoimagen img{height:80px;width:80px;}
.listadotitulo{font-size:1.3em;font-weight:bold;}
.listadosubtitulo{font-size:1.1em;}
.listadodescripcion{font-size:1em;}
.listadoopciones{text-align:center;}
.listadopaginacion{text-align:center;font-weight:bold;padding:10px;margin:0px;border:1px solid #000000;background-image: url("images/box6.jpg");background-position:right bottom;background-repeat:repeat-x;background-color:#FFCC33;}	
.listadopaginacion a{color:#000000;}
.listadopuntuacion{float:right;font-size:0.9em;padding:2px;margin:3px;border:1px solid #000000;background-image: url("images/box6.jpg");background-position:right bottom;background-repeat:repeat-x;background-color:#FFCC33;}
.listadopuntuacion img{border:0px;margin:0px;}

/* Listados de comentarios de una noticia, evento,etc */
.comentarioitem{font-size:0.9em;padding:10px;margin:5px;border:1px solid #000000;background-image: url("images/box4.jpg");background-position:left top;background-repeat:no-repeat;background-color:#FFCC66;}
.comentarioimagen{border: 1px solid #000000;margin:5px;float:right;}
.comentarioimagen img{height:80px;width:80px;}
.comentariodescripcion{font-size:1em;}
.comentarioopciones{text-align:right;}


/* - lytebox - */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.campushermanosgarcia.com/images/ajaxloading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(../images/closelabel.gif) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(../images/lbplay.gif) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(../images/lbpause.gif) no-repeat; }