body {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
}

a {
    color: #1e2e69;
    text-decoration: none;
}

a:hover {
    color: #1e2e69;
    text-decoration: underline;
}

div {
    border: 0px solid #666666;
}

div.c {;
    min-width: 1024px;
    width: 100%;
    overflow: hidden;
}

div.c1 {
    clear: both;
    float: left;
    width: 100%;
    height: 50px;
}

div.c11 {
    float: left;
    width: 140px;
    height: 50px;
}

div.c11 img {
    border: none;
    top: 8px;
    left: 5px;
    position: relative;
}

div.c12 {
    float: left;
    width: 1px;
    height: 44px;
    top: 3px;
    position: relative;
    border-right: 2px solid #1e2e69;
}

div.c13 {
    float: left;
    height: 50px;
    min-width: 435px;
    width: 54%;
}

h1.titulo1 {
    color: #1E2E69;
    margin: 0;
    padding: 0;
    position: relative;
    width: 400px;
    font-size: 17px;
    left: 15px;
    top: 4px;
}

h2.titulo2 {
    color: #1E2E69;
    margin: 0;
    padding: 0;
    position: relative;
    width: 400px;
    font-size: 16px;
    left: 15px;
    top: 6px;
}

div.c14 {
    float: right;
    width: 300px;
    height: 50px;
    background: url(/uca/common/images/fondo-buscador.png) no-repeat top right scroll #FFF;
}

div.c141 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    /*vertical-align:absmiddle;*/
    color: #fff;
    text-align: right;
	right:
}

div.c141 label {
    position: relative;
    right: 5px;
}

input.buscador_texto {
    border: 1px #CCC solid;
    border-right: 1px #FFF solid;
    height: 16px;
    padding: 0;
    margin: 0;
    right: 6px;
    position: relative;
}

input.buscador_boton {
    border: 1px #CCC solid;
    border-left: 1px #FFF solid;
    background: url(/uca/common/images/flecha-der-cuad.gif) #FFFFFF no-repeat center center;
    width: 18px;
    height: 18px;
    margin: 0 0 0 0px;
    padding: 0;
    right: 10px;
    top: 1px;
    position: relative;
    text-indent: 150px;
}

div.c142 {
    width: 125%;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

span.c1421 {
    color: #1e2e69;
    margin: 0 5px 0 0;
}

span.c1421 a {
    text-decoration: none;
    color: #1e2e69;
}

span.c1421 a:hover {
    text-decoration: underline;
    color: #1e2e69;
}

div.c2 {
    clear: both;
    width: 100%;
    position: relative;
    margin: 0 0 21px 0;
    height: 40px;
}

div.c2 ul {
    float: left;
    list-style: none;
    position: relative;
    top: 7px;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.c2 ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.c2 ul li a {
    float: left;
    margin: 0 0 0 3px;
    background: #eee;
    color: #fff;
    text-decoration: none;
    min-width: 120px;
    width: 16.3%;
    height: 50px;
    line-height: 1.3em;
}

div.c2 ul li a.first {
    background: #4b5887;
    margin-left: 0px;
    width: 17%;
}

div.c2 ul li a.ingresantes {
    background: #4b5887;
}

div.c2 ul li a.alumnos {
    background: #616c96;
    color: #ffffff;
}

div.c2 ul li a.graduados {
    background: #7882a5;
}

div.c2 ul li a.docentes {
    background: #8e96b4;
}

div.c2 ul li a.visitantes {
    background: #a5abc3;
}

div.c2 ul li a.last {
    width: auto;
    margin-right: 0px;
}

div.c2 ul li a span {
    text-align: right;
    position: relative;
    top: 30px;
    display: block;
    font-size: 11px;
    font-weight: bolder;
    width: 95%;
    cursor: pointer;
    height: 15px;
}

div.c21 {
    background: url(/uca/common/campus/img/fondo-menu-top.png) no-repeat transparent;
    top: 0;
    left: 0;
    margin: 0;
    padding: 2px 0px 0px 8px;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 41px;
}
div.c21 a {
	border:0px solid red;
	letter-spacing:1pt;
	word-spacing: -1pt;
	font-size:0.8em;
	height:15px;
	color:#FFFFFF;
}
div.c21 a:hover {text-decoration:none;}
div.c21 a:active {text-decoration:none;}
div.c21 a:visited {text-decoration:none;}

div.c22 {
    background: url(/uca/common/images/bg.png) 111% top no-repeat; /*ultimo cambio*/
    position: absolute;
    height: 57px;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 100%;
    text-transform: capitalize;
}

div.c3 {
    clear: both;
    width: 100%;
    height: auto;
}

div.c31 {
    float: left;
    width: 17%;
    background: #dadde6;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 80%;
}

div.c31 dt {
    width: 100%;
}

div.c31 dt {
    width: 100%;
    margin-bottom: 2px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    text-indent: 33px;
    text-align: left;
}

div.c31 dt a {
    width: 100%;
    text-decoration: none;
    color: #1e2e69;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    left: 5px;
}

div.c31 dd {
    width: 85%;
    margin-left: 15px;
    background: #dadde6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

div.c31 dd a {
    width: 100%;
    color: #1e2e69;
    text-decoration: none;
}

div.c31 dd a:hover {
    color: #1e2e69;
    text-decoration: underline;
}

div.c32 {
    float: left;
    background: #fff;
    padding-left: 3px;
    width: 82.5%;
}

div.c321 {
    width: 100%;
}

div.c3211 {
    clear: both;
    width: 100%;
}

div.c32111 {
    width: 100%;
}

div.c321111 {
    float: left;
    color: #000;
    margin: 0;
    padding: 0;
    text-indent: 3px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    min-width: 673px;
    width: 79%;
    /*text-transform: capitalize;*/
}

div.c321112 {
    float: right;
    background: url(/uca/common/images/fondo-quicklinkmenu.gif) right no-repeat transparent;
    height: 24px;
    width: 170px;
    margin: 0;
    padding: 0;
    text-align: right;
}

select.c3211121 {
    width: 150px;
    height: 18px;
    border: 1px #CCC solid;
    padding: 0;
    margin: 0;
    position: relative;
    top: 3px;
    right: 5px;
    font-size: 11px;
    color: #1e2e69;
    font-style: italic;
}

div.c32112 {
    clear: both;
    width: 100%;
    background: #929cc2;
    color: #ccc;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-indent: 3px;
    min-height: 15px;
    height: auto;
    /* text-transform: capitalize;*/
}

div.c32112 a {
    color: #fff;
}

div.c32113 {
    clear: both;
    width: 100%;
    /*  text-transform: capitalize;*/
    background: #e9ebf3;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-indent: 3px;
    min-height: 15px;
    height: auto;
}

div.c3212 {
    clear: both;
    width: 100%;
    min-height: 300px;
}

div.c3212 h1 {
    font-size: 15px;
}

#c32121 {
    clear: both;
    width: 98%;
    margin-right: 10px;
    margin-left: 10px;
}

div.c3213 {
    clear: both;
    width: 100%;
}

div.c32131 {
    height: 25px;
    width: 99%;
    border-bottom: 1px solid #dadde6;
    border-top: 1px solid #dadde6;
    margin: 10px 0 10px 0;
    color: #1e2e69;
}

span.c321311 {
    position: relative;
    top: 5px;
    float: left;
    margin: 0 0 0 5px;
}

span.c321312 {
    position: relative;
    top: 5px;
    float: right;
    margin: 0 5px 0 0;
}

div.c32132 {
}

div.c3214 {
    clear: both;
    width: 100%;
}

div.c32141 {
    float: left;
    width: 422px;
    margin: 0 0 0 10px;
}

span.c321411 {
    font-style: oblique;
}

ul.c321412 {
    list-style-type: circle;
}

div.c32142 {
    float: left;
}

div.c32143 {
    float: left;
    width: 422px;
}

span.c3214131 {
    font-style: oblique;
}

ul.c3214132 {
    list-style-type: circle;
}

div.c322 {
    width: 100%;
    background: #ccc;
    line-height: 30px;
}

span.c3221 {
    position: relative;
    left: 5px;
}

div.c323 {
    width: 99%;
    margin: 5px;
}

div.c3231 {
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

div.c32311 {
}

div.c32312 {
    font-style: italic;
}

div.c4 {
    clear: both;
    width: 100%;
    border-top: 3px solid #1e2e69;
    margin: 0;
}

div.c4 p {
    padding: 10px;
    margin: 0;
}

span.pie_a {
    color: #1e2e69;
    font-size: 11px;
    font-weight: bolder;
    float: left;
    width: 280px;
    margin: 10px 0px 5px 0;
    left: 5px;
    position: relative;
}

span.pie_b {
    color: #1e2e69;
    font-size: 11px;
    font-weight: lighter;
    float: left;
    width: 190px;
    margin: 10px 5px 0;
}

span.pie_links {
    text-align: right;
    color: #ccc;
    font-size: 11px;
    float: right;
    width: 500px;
    margin: 10px 0px 0px 5px;
    right: 5px;
    position: relative;
}

span.pie_links a {
    color: #1e2e69;
    text-decoration: none;
}

span.pie_links a:hover {
    color: #1e2e69;
    text-decoration: underline;
    background: #FFFFFF;
}

#imageContainer {
    position: relative;
    margin: auto;
    height: 257px;
}

#imageContainer img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 250px;
    width: 100%;
}
/* distribucion del front */
.leftmenu {
    background: #fff;
}

.leftmenu .colleft {
    right: 85%; /* right column width */
    background: #f4f4f7; /* left column background colour */
}

.leftmenu .col1 {
    left: 82.4%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    width: 80.8%; /* 100% plus left column left padding */
}

.col1, .col2, .col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}

.col1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    width: 80%;
}

.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    width: 100%;
}

.leftmenu .col2 {
    margin: 0;
    padding: 0;
    /*text-transform: capitalize;*/
    width: 18%; /* left column content width (column width minus left and right padding) */
    left: 82%; /* (right column left and right padding) plus (left column left padding) */
}

.colleft {
    float: left;
    width: 102%;
    position: relative;
}

#form_search {
    margin: 0;
    padding: 0;
    top: 2px;
    border: none;
}

#navi {
    text-align: left;
    position: relative;
    background-color: rgb( 255, 255, 255 );
    width: 110%;
    list-style: none;
    margin: 0;
    padding: 0;
}

#navi #bot-la {
    background-image: url(/uca/templates/site/images/bot-la.jpg);
}

#navi #bot-fac {
    background-image: url(/uca/templates/site/images/bot-fac.jpg);
}

#navi #bot-car {
    background-image: url(/uca/templates/site/images/bot-ofe.jpg);
}

#navi #bot-ext {
    background-image: url(/uca/templates/site/images/bot-ext.jpg);
}

#navi #bot-inv {
    background-image: url(/uca/templates/site/images/bot-inv.jpg);
}

#navi #bot-pas {
    background-image: url(/uca/templates/site/images/bot-pas.jpg);
}

#navi #bot-bib {
    background-image: url(/uca/templates/site/images/bot-bib.jpg);
}

#navi #bot-uca {
    background-image: url(/uca/templates/site/images/bot-uca.jpg);
}

#navi #bot-alu {
    background-image: url(/uca/templates/site/images/bot-alu.jpg);
}

#navi #bot-doc {
    background-image: url(/uca/templates/site/images/bot-doc.jpg);
}

#navi #bot-gra {
    background-image: url(/uca/templates/site/images/bot-gra.jpg);
}

#navi #bot-ing {
    background-image: url(/uca/templates/site/images/bot-ing.jpg);
}

#navi #bot-vis {
    background-image: url(/uca/templates/site/images/bot-vis.jpg);
}

#navi dt {
    margin: 2px 0px 2px 15px;
    padding: 6px 0px 6px 0px;
    background: url(/uca/common/images/bot-bib.jpg) no-repeat #e8eaf0 6px 6px;
    height: 28px;
    text-indent: 33px;
    width: 100%
}

#navi dt a {
    text-decoration: none;
    color: #1e2e69;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px 31px 15px 8px;
    position: relative;
    top: 5px;
}

#navi dd {
    background: #dadde6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px 5px 5px 15px;
    text-indent: 10px;
    margin-left: 0px;
}

#navi dd a {
    color: #1e2e69;
    text-decoration: none;
}

#navi dd a:hover {
    color: #1e2e69;
    text-decoration: underline;
}

div #quickAccess {
    width: 200px;
    float: left;
    margin: 0px 0px 0px 7px;
}

div #quickAccess .titulo {
    background-color: #8E96B4;
    padding-left: 8px;
    color: #FFFFFF;
    line-height: 20px;
    height: 20px;
}

div #quickAccess .subtitulo {
    color: #4B5887;
    margin: 10px 0px 10px 0px;
    width: 190px;
    padding-left: 5px;
}

div #quickAccess img {
    border: 0px;
}

div #quickAccess select {
    width: 190px;
    border: solid thin #CCCCCC;
    height: 18px;
    font-size: 11px;
}

div #quickAccess .image {
    border-top: #CCCCCC thin solid;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

div #quickAccess fieldset {
    border: none;
}
/*------ botones sobre imagen -----*/
.linksFlotantes {
    border: 0px solid red;
    height: 15px;
    position: absolute;
    top: 2px;
    float: left
}
/*-------------------------------------- CONTIENE LOS ESTILOS DE TAG ------------------------------------------*/
/* -- Estilos default --*/
div#tagBar{
min-height:15em;
}
div#tagBar.defaultStyle {
    background-color: #FFFFFF;
	border: 1px solid rgb( 221, 221, 221 );
	margin-bottom: 3px;
    overflow: hidden;	 
    <?php echo $estilos['cartelera_estilos']; ?>;     
}

/* -- Barra de solapas -- */
div#tagBar.defaultStyle ul {    
    background-color: #CCCCCC;        
    font-size: 13px;
    line-height: 2em;
    width: 100%;
    height: 1.9em;
	margin:0px;
    padding:0px;     
}

/* -- Solapa -- */
div#tagBar.defaultStyle ul li {
	padding-left: 0px;
	list-style:none;
	background-color: #DBDBDB;
    border-right: 3px solid #FFFFFF;
    float: left;
}
div#tagBar.defaultStyle ul li.activo { background-color: #FFFFFF;}	

div#tagBar.defaultStyle ul li  a { 	
 	border-bottom-width: 0px;
    padding: 0px 1.2em 0px 1.2em;    
    text-decoration: none;    
}
div#tagBar.defaultStyle ul li a:link{color: #000000;}
div#tagBar.defaultStyle ul li a:visited{color: #000000;}

/* -- Contenidos -- */
div#tagBar.defaultStyle div {
	margin-left:10px;
    margin: 3px 0px 0px 10px;
    width: 98%;
	height:12em;	
}
div#tagBar.defaultStyle div  hr {	
	border-width: 2px 0px 0px 0px;
}
div#tagBar.defaultStyle div  hr:last-child{
	padding: 0px 0px 1.2em 0px;
}
/* -- Primer contenido (inicialmente activo) -- */
div#tagBar.defaultStyle div:first-child{display:block;}

/* -- Primer contenido titulo -- */
div#tagBar.defaultStyle div h2 {  font-size: 11px;  margin: 0px 0px 3px 0px;}

/* -- Contenido activo -- */
div#tagBar.defaultStyle div.activo {display: block; overflow-y:auto;}
div#tagBar.defaultStyle div.inactivo { display: none;}

/*---------------------------------------          FIN TAGS          ------------------------------------------*/
div.c2 ul li a.first {
    background: #33add6;
    margin-left: 0px;
	width: 17%;
}
div.c2 ul li a.Tramites {
    background: #33add6;
}
div.c2 ul li a.Elearning {
    background: #4cb7db;
}
div.c2 ul li a.Mensajeria {
    background: #66c1e0;
}
div.c2 ul li a.BolsaEmpleo {
    background: #7fcbe5;
}
div.c2 ul li a.Consultas {
    background: #99d6ea;    
}

div.c2 ul li a.last {
    background: #a5abc3;
    width:auto;
	margin-right: 0px;
    }
-->

.destacadoblanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing:1px;
	color:#FFFFFF;
	padding-left:5px;
	padding-bottom:1px;
	padding-top:1px;
}
.puntero {
	cursor: pointer;
	cursor: hand;
}