body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#0A798C;

/*	background: url(../images/wrapper.jpg) top left repeat-x;*/
/*	background:url(../images/fondo.jpg) top right no-repeat;*/
}

#body2{
	width:100%;
	height:100%;
	background: url(../images/wrapper.jpg) top left repeat-x;
}

.body3{
	width:100%;
	height:100%;
/*	background: url(http://icse.serveftp.org/icse/fondo.png) top right no-repeat;*/
	
}

#content-general{margin-left:auto; margin-right:auto; width:960px;}
#content-general p,#content-general h1,#content-general h2,#content-general h3,#content-general ul{margin-left:5px; margin-right:5px}

#content-menu-secundario{
	background-color:#fff;

}

/******** Menus *****/

.menu-header a{
	font-size:0.85em;
	color:#9CC;
	text-align:right;
	margin-top:5px;
	text-decoration:none;
}

.menu-header a:hover{color:#F63}

#menu-secundario{z-index:10;}

#menu-articulos{
	margin-left:15px;
	width:200px;
	color:#9BDDDD;
}

#menu-articulos li a{
	display:block;
	margin-top:5px;
	padding:3px 0 3px 4px;
	border-left:4px solid #F63;
	color: #9CC;
	text-decoration:none;
}

#menu-articulos li a:hover{
	background-color:#F63;
	color:#036;
	border-left-color:#fff;
}

#menu-articulos .secundario ul{
	margin-bottom:15px;
}

#menu-articulos .secundario li a{
	margin-left:10px;
	border-left:3px solid #0A798C;
}

#menu-articulos .secundario li a:hover{
	border-left:3px solid #FFF;
}

#menu-articulos #current a{ /** Clase para que se quede activo el elemento de menu **/
	background-color:#F63;
	color:#036;
	border-left-color:#fff;
}


/******************** Clases generales **********************/

p{line-height:1.2em}
a {color:#0A798C}
h1{font-size: 1.5em; color:#003366}
h2{font-size: 1.1em; color:#003366}
h3{font-size: 1em}
.recuadro-grid12 h1{color:#99cccc}
.recuadro-grid9 h1{color:#99cccc}
.alto500{height:450px}
.alto300{height:300px}

.border-img{border:2px solid #036;}
.txt-right{text-align:right}
.txt-center{text-align:center}
.txt-left{text-align:left}
.marg-top-10{margin-top:10px;}
.marg-top-20{margin-top:20px;}
.marg-top-10min{margin-top:-10px}
.marg-top-5min{margin-top:-5px}
.marg-top-5{margin-top:5px}
.marg-left-10{margin-left:10px}
.marg-left-10min{margin-left:-10px}
.marg-left-15{margin-left:15px}
.marg-left-20{margin-left:20px}
.marg-right-10{margin-right:10px}
.marg-right-20{margin-right:20px}
.marg-bottom-10{margin-bottom:10px}
.padding-left-30{padding-left:30px}
.padding-top-20{padding-top:20px}
.float-left{float:left}
.float-right{float:right}
.justificado {text-align:justify}

#articulos .centrar-div{margin:0 50%}

.txt-claro{color:#0A798C}
.txt-naranja{color:#ff6633}
.txt-negro{color:#000}
.txt-azul{color:#036}
.txt-rojo{color:#FF0000}
.txt-blanco{color:#FFF}
.txt-small{ font-size:0.85em}
.txt-big{font-size:1.1em}
.txt-subrayado{text-decoration:underline}

.separador-articulo{width:100%; height:20px; display:block}
.linea-separador-negro{ height:2px; width:100%; display:block; border-bottom: 2px solid #000;margin-top:10px;margin-bottom:10px}

#reset-h2{margin-top:-15px;}
.reset-ul{margin-top:-5px}

blockquote.bigquote {
	margin:10px 10px 10px 5px;
	padding:0 0 0 50px;
	border:none;
	background:url(../images/quote-top.png) no-repeat;
}

blockquote.bigquote p {
	padding:5px 50px 5px 0;
	border:none;
	background:url(../images/quote-bottom.png) no-repeat right bottom;
}

/******** Articulos generales *******/

#titulo-seccion h1{font-size:1.3em}

#articulos{

	float:left;
	color:#000;
	text-align:justify;
}

.arrow-big-left {
	margin-top:10px;
	margin-right:5px;
	margin-bottom:20px;
	float:left;
	display:block;
}

.arrow-small-right{
	float:left;
	display:block;
	margin: 2px 5px 20px 0;
}

.arrow-small-right2{
	float:left;
	display:block;
	margin: 18px 5px 0 0;
}

.mancha{
	float:left;
	display:block;
	margin-top:-8px;

}

/*#articulos img{border:2px solid #036}*/

#articulos h1{color:#99cccc}
#articulos .padding-left-30 h1{color: #036}
#articulos h2{margin-top:15px;margin-bottom:10px}
#articulos p{margin-top:10px}
#articulos h2 img{margin-bottom:-5px}
#articulos h4,#tira-imagenes h4 {margin-top:5px;font-size: 0.85em;color:#0A798C;font-weight:normal}

/*************************************************************************/
#articulos2{
	width:700px;/*No existía esta línea 15/6/2011*/
	float:left;
	color:#000;
	text-align:justify;
}
#articulos2 h1{color:#99cccc}
#articulos2 .padding-left-30 h1{color: #036}
#articulos2 h2{margin-top:15px;margin-bottom:10px}
#articulos2 p{margin-top:10px}
#articulos2 h2 img{margin-bottom:-5px}
#articulos2 h4,#tira-imagenes h4 {margin-top:5px;font-size: 0.85em;color:#0A798C;font-weight:normal}
#articulos2 ul{ 
	list-style:disc; 
	line-height:1.3em;
	margin-top:5px;
	padding-left:2px;
	margin-left:20px;
}

#articulos2 li a{text-decoration:underline}

#articulos2 ol{
	list-style:decimal;
	line-height:1.3em;
	margin-top:5px;
	padding-left:2px;
	margin-left:20px;
}

#articulos2 ol li{
	margin-bottom:10px;
}

#articulos2 ol ul{line-height:0.75em}

#articulos2 .padding-left-30 .button-general a,
#articulos2 .button-general a{
	margin: 5px 0;
	color:#99cccc;
	text-decoration:none;
	padding-top:4px;
	font-weight:bold;
    cursor:pointer;
    display:block;
    text-align:center;
    background:transparent url(../images/button-general.png) no-repeat scroll left top;
    border:0 none;
    height:19px;
    width:127px;	
}
#articulos2 .padding-left-30 .button-general a:hover,
#articulos2 .button-general a:hover{
	color:#036;
	background-position:left bottom;
}
#articulos2 .padding-left-30 table,#articulos2 table{text-align:left;color:#000}

#articulos2 .padding-left-30 table a,#articulos2 table a{text-decoration:none;color:#000}

#articulos2 .padding-left-30 table a:hover,#articulos2 table a:hover{text-decoration:underline;color:#0A798C}

#articulos2 .centrar-div{margin:0 50%}
/*************************************************************************/
#descargas-pdf ul strong{color:#F63}

#imagen-articulo{
	width:220px;
	margin-right:15px;
	margin-left:5px;
	float:left;
}

#articulos ul{ 
	list-style:disc; 
	line-height:1.3em;
	margin-top:5px;
	padding-left:2px;
	margin-left:20px;
}

#articulos li a{text-decoration:underline}

#tabs ul {list-style:none}
#tabs ul a{text-decoration:none}
#tabs p{color:#000000}


#list-tabs ul{list-style:disc;padding-left:25px;color:#000000}


#list-general ul {

	line-height:1.4em;
	list-style-image:url(../images/arrow-right.png);
	margin-left:10px;
}

#list-general ul ul li{
	margin-left:10px;
}

#list-general li a{color:#0A798C; text-decoration:none}
#list-general li a:hover{text-decoration:underline}

#articulos ol{
	list-style:decimal;
	line-height:1.3em;
	margin-top:5px;
	padding-left:2px;
	margin-left:20px;
}

#articulos ol li{
	margin-bottom:10px;
}

#articulos ol ul{line-height:0.75em}

/******************* Thumbnails ******************/

.thumb-grid3{
	width:160px;
	height:auto;
	border:2px solid #036;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:3px;
	float:left;	
}

.thumb-grid3-img{
	margin:5px;
}

.thumb-grid10{
	width:580px;
	height:auto;
	border:2px solid #036;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:3px;
	float:left;	
}

.thumb-grid10-img{
	margin:5px;
}

#tira-imagenes h4{text-align:left}

#thumb-grid3{
	width:160px;
	border:2px solid #036;
	background-color:#fff;
	margin-top:10px;
}

#thumb-grid3-img{
	margin:5px;
}


/******* Recuadros para los H1 **********/

.recuadro-lista-cursos{
	width:205px;
	height:25px;
	color:#9BDDDD;
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;
	padding-top:7px;
	padding-right:10px;
	background:url(../images/recuadro-lista-cursos2.png) top left no-repeat;
}

.recuadro-grid5-orange{
	color:#000;
	width:280px;
	height:37px;
	padding-top:11px;
	padding-left:10px;
	background: url(../images/recuadro-grid-5-orange.png) top left no-repeat;
	margin-left:-2px;
}

.recuadro-grid8{
	width:460px;
	height:41px;
	padding-top:7px;
	padding-left:10px;
	background: url(../images/recuadro-grid-8.png) top left no-repeat;
	margin-left:-2px;
}

.recuadro-grid9{
	width:520px;
	height:41px;
	padding-top:9px;
	padding-left:10px;
	background: url(../images/recuadro-grid-9.png) top left no-repeat;
	margin-left:-2px;
}

.recuadro-grid10{
	width:580px;
	height:41px;
	padding-top:7px;
	padding-left:10px;
	background: url(../images/recuadro-grid-10.png) top left no-repeat;
	margin-left:-2px;
}

.recuadro-grid12{
	width:700px;
	height:39px;
	padding-top:9px;
	padding-left:10px;
	background: url(../images/recuadro-grid-12.png) top left no-repeat;
	margin-left:-2px;
}

/****************** Botones **********************/

#boton-inicio a{
	margin-left:32px;
	margin-top:10px;
	display:block;
	width:50px;
	height:12px;
	padding-left:16px;
	text-decoration:none;
	color:#036;
	background:url(../images/boton-inicio.png)left top no-repeat;
}

#boton-inicio a:hover{color:#0A798C;background-position:left bottom}

#articulos .padding-left-30 .button-general a,
#articulos .button-general a{
	margin: 5px 0;
	color:#99cccc;
	text-decoration:none;
	padding-top:4px;
	font-weight:bold;
    cursor:pointer;
    display:block;
    text-align:center;
    background:transparent url(../images/button-general.png) no-repeat scroll left top;
    border:0 none;
    height:19px;
    width:127px;	
}
#articulos .padding-left-30 .button-general a:hover,
#articulos .button-general a:hover{
	color:#036;
	background-position:left bottom;
}

.enviar{ 
    font-size:0.95em;
    cursor:pointer;
    display:block;
	color: #99cccc;
    vertical-align:middle;
    text-decoration:none;
    text-align:center;
    background:transparent url(../images/boton-enviar-peq.png) no-repeat scroll left top;
    border:0 none;
    height:23px;
    width:80px;
    padding:0;
	float:right;
}
.enviar:hover {color: #036; background-position:left bottom;}

.download-impreso a{
	font-size:0.85em;
	margin: 5px 0;
	color:#fff;
	padding:5px 50px 0px 12px;
	text-decoration:none;
    cursor:pointer;
    display:block;
    background:transparent url(../images/boton-download.png) no-repeat scroll left bottom;
    border:0 none;
    height:52px;
    width:102px;
	float:left;
}

.download-impreso a:hover{color:#000; background-position: left top;}

.download-impreso-naranja a{
	font-size:0.85em;
	margin: 5px 0;
	color:#000;
	padding:5px 50px 0px 12px;
	text-decoration:none;
    cursor:pointer;
    display:block;
    background:transparent url(../images/boton-download.png) no-repeat scroll left top;
    border:0 none;
    height:52px;
    width:102px;
	float:left;
}

.download-impreso-naranja a:hover{color:#fff; background-position: left bottom;}


.download a{
	margin: 5px 0;
	color:#000;
	padding:15px 50px 0px 12px;
	text-decoration:none;
    cursor:pointer;
    display:block;
    background:transparent url(../images/boton-download.png) no-repeat scroll left top;
    border:0 none;
    height:42px;
    width:102px;
	float:left;
	text-align:left;
}

.download a:hover{color:#fff; background-position: left bottom;}


.download-big-orange a{
	font-size:1em;
	cursor:pointer;
	display:block;
	color:#000;
	text-decoration:none;
	text-align:left;
	background:transparent url(../images/boton-download-big-orange.png) no-repeat scroll left top;
    border:0 none;
    height:41px;
    width:200px;
	padding:15px 64px 0 12px;
}


.download-big-orange a:hover {
	color:#fff;
	background-position:left bottom;
}


.download-big-blue a{
	font-size:1em;
	cursor:pointer;
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:left;
	background:transparent url(../images/boton-download-big-orange.png) no-repeat scroll left bottom;
    border:0 none;
    height:41px;
    width:200px;
	padding:15px 64px 0 12px;
}


.download-big-blue a:hover {color:#000;	background-position:left top;}

/**************** Listados y botones cursos **************/

.td-listado{
}

#articulos .padding-left-30 table,#articulos table{text-align:left;color:#000}

#articulos .padding-left-30 table a,#articulos table a{text-decoration:none;color:#000}

#articulos .padding-left-30 table a:hover,#articulos table a:hover{text-decoration:underline;color:#0A798C}

.titulo-subseccion{
	height:20px;
	width:100%;
	display:block;
	padding-top:5px;
	background-color: #036;
	color:#fff;
	
}

/************************ Formulario general ***************************/

#form-general-table{margin-top:10px;font-size:0.9em}
#form-general-table th{text-align:left; width:200px}
#form-general-table td{width:200px}
#form-general-table input[type=text]{border: 1px solid #0A798C; width:200px}
#form-general-table select[type=text]{border: 1px solid #0A798C; width:202px}
#form-general-table textarea[type=text]{border: 1px solid #0A798C; width:200px}

#form-general-table2{width:340px;margin-left:10px;margin-top:10px;font-size:0.9em}
#form-general-table2 th{text-align:left; width:110px}
#form-general-table2 td{width:200px}
#form-general-table2 input[type=text]{border: 1px solid #0A798C; width:180px}

.textarea{width:301px; border: 1px solid #0A798C;}
.textarea-peq{width:200px;border: 1px solid #0A798C;}


/********************** Listado bolsa empleo  *******/

#listado-empleo{
	margin-left:40px;		
}

#listado-empleo ul{
	list-style-type:disc;
}
#listado-empleo ul li{
	margin-top:20px;
}
#listado-empleo a{
	padding:1px 3px;
	background-color:#F63;
	text-decoration:none;
	color:#fff;
}
#listado-empleo a:hover{ background-color:#036;}

.titulo-empleo{ font-size:1.1em; font-weight:bold; color:#036}

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

/*#header{margin-top:10px}*/

#logo{}

.logo-uax{
	float:right;
	margin-top:80px;
	margin-right:10px;
}
#imagen-cabecera{
	height:152px;
	background: url(../images/imagen-cabecera1.png) top left no-repeat;
	margin-top:3px;
}

#session{
	font-size:0.7em; 
	margin-top:35px;
	margin-bottom:10px;
	text-align:right;
} 

#session a:link,#session a:active,#session a:visited{text-decoration:none}
#session a:hover{color:#FFFFFF;}

#social-icons{text-align:right;font-weight:bold}
#social-icons img{margin-left:5px}
#social-icons p{color: #F63;font-weight:bold}
#social-icons ul{color:#FFF;margin-top:5px; line-height:1.2}


/******************* Content Portada ***********************/

.content-wrapper{background: url(../images/wrapper-content.png) top left repeat-y; float:left}

.content-wrapper-articulos{background: url(../images/wrapper-content-articulos.png) top left repeat-y; float:left}


/** Calendario, ultima hora **/

#ultima-hora {font-size:0.9em}
#ultima-hora h3{margin: 0 10px 5px 10px; padding-top:5px}
#ultima-hora a:link,#ultima-hora a:active,#ultima-hora a:visited{color:#000; text-decoration:underline}
#ultima-hora a:hover{text-decoration:none}

#calendario a{
	text-decoration:none;
}

/*** Enlaces y acceso campus virtual **/

#content-middle ul a{color:#6CC; font-size: 1.4em;text-decoration:none}
#content-middle ul{margin-top:10px; line-height:1.3em}

/**** Tabla y formulario acceso campus virtual ****/

#acceso-campus{margin-top:20px}
#acceso-campus h1{font-size:1.2em; text-align:center}
#acceso-campus a{font-size:.8em; display:block; text-align:right; text-decoration:none; margin-right:8px; line-height:10px}
#acceso-campus a:hover{text-decoration:underline}
#acceso-campus img{margin-left:2px; margin-bottom:-2px}

#form-acceso-table{margin-left:10px;margin-top:10px;font-size:0.9em}
#form-acceso-table th{text-align:left; width:70px}
#form-acceso-table td{width:70px}
.form-acceso-txt {border: 1px solid #0A798C; width:100px}

/******** Noticias, eventos... ********/

#content-right{}
#noticias{display:block;margin-left:10px}
#noticias h1{font-size:1.3em}
#noticias img{border:2px solid #F63; margin-right:10px; float:left}
#noticias p{margin-top:10px}
#noticias h3 a{text-decoration:none;color:#000}
#noticias h3 a:hover{text-decoration:underline}
.leer-mas a{font-size:0.85em;color:#F63;text-decoration:underline}
.leer-mas a:hover{text-decoration:none}
.comentarios{text-align:left;color:#F63;font-size:0.85em}
.paginacion a{color:#6CC;text-align:center;text-decoration:none}
.paginacion a:hover{ text-decoration:underline; color:#036}
.background-detalle-noticia{ background:url(../images/background-detalle-noticia.png) 10px top repeat-y}

/********* Comentarios ****************/
#comentarios-content{
	margin-top:20px;
	color:#0A798C
}

#comentarios-content img {border:none}
.paginacion-comentario a{color:#0A798C;text-align:right;text-decoration:none}
.paginacion-comentario a:hover{ text-decoration:underline; color:#036}

.crear-comentario{
	background-color:#CCC;
	height:260px;
}

/*************************** footer ********************************/

#footer{
	background: url(../images/background-footer.jpg) top left repeat-x;
	background-color:#00305e;
	/*height:200px;*/
	height:350px;
	min-height: 350px;
	margin-top: 10px;
	width:100%;
}

#content-footer{
}

.certificado-top{
	width: 100%; 
	height:9px; 
	background: url(../images/certificado-top3.png) top left no-repeat;/*ESTO SE HA CAMBIADO PORQUE SE SALIAN LOS LOGOS*/
}

.certificado-middle{
	width: 100%; 
	height:auto;
	background: url(../images/certificado-middle3.png) top left repeat-y;/*ESTO SE HA CAMBIADO PORQUE SE SALIAN LOS LOGOS*/
	padding: 0 10px;
	color:#FFFFFF;
}
.certificado-middle p{ font-size:0.85em}
.certificado-middle img{margin: 5px 2px 0 0}

.certificado-bottom{
	width: 100%; 
	height:9px; 
	background: url(../images/certificado-bottom3.png) bottom left no-repeat;/*ESTO SE HA CAMBIADO PORQUE SE SALIAN LOS LOGOS*/
}

.links-footer ul{ font-size:0.8em;line-height:13px}
.links-footer a:link,#links-footer a:active{color: #6CC; text-decoration:none}
.links-footer a:visited{color: #3AAFAF; text-decoration:none}
.links-footer a:hover{text-decoration:underline}

#content-footer-bottom{color:#6CC;text-align:center;/*margin-top:50px*/}