* { margin:0; padding:0;}
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,700');
html {
text-align:center;
}
body {
background-color:#FFF;
font-family: 'Hind', sans-serif;
font-size:12px;
text-align:left;
}
a { /*font-family: 'Hind', sans-serif;*/
color: #069;
}
a:hover {
color: #717171;
}
h1 {
margin:5px 0px;
font-size: 14px;
color: #BE4141;
font-weight: bold;
clear:both;
}
h2 {
color:#333;
/*color:#666;*/
font:bold 14px/15px;
text-decoration: none;
text-align: left;
margin:25px 0 15px 0;
/*margin:6px 0px 10px;*/
}
h2.areas {
color: #BE4141;
font:bold 12px/13px;
text-decoration: none;
text-align: left;
margin:-10px 0 30px 0;
}
h3 {
color:#666;
font:bold 12px/15px;
text-align: left;
margin:20px 0 5px 0;
padding:0px;}
h4 {
color:#BE4141;
font:bold 12px/15px;
text-decoration: none;
text-align: left;
margin:3px 0px;}
p {
font-size:13px;
color:#666;
text-align:left;
margin:4px 0px 10px;
}
p.fondoB {
font-weight:normal;
color:#CCC;
font-size:10px;
text-align:left;
margin-top:3px 0px;
}
table { clear:both;}
#sitiosdc { background-color:#00A4D9; color:#FFF; margin:0; padding:0; position:absolute; top:330px; left:50%; margin-left:-490px; z-index:200; font-size:110%; letter-spacing:2px; box-shadow:2px 2px 2px #333;}
#sitiosdc a { color:#FFF; display:block; padding:10px; text-decoration:none;}
#sitios_dc { color:#FFF; margin:0; padding:0; position:absolute; top:320px; left:50%; margin-left:-390px; z-index:200; font-size:110%; letter-spacing:2px; border:#FFF 1px solid;}
#sitios_dc a { color:#FFF; display:block; padding:10px; text-decoration:none;}
/*clases de fuentes para carreras*/
.bullet{
background-image: url(../img/mayor.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 12px;
margin-top: 30px;
text-transform: uppercase;
font-size:11px;
}
.rojoTitular {
font-weight: bold;
color: #BE4141;
}
/******************************HEADER****************************/
#header {
float:left;
background-color:#000;
width:100%;
}
#header #logo {
float:left;
width:380px;
height:120px;
}
#header #logo a {
float:left;
border:0px;
}
#header #logo a img {
float:left;
border:0px;
}
#header #buscador {
float:left;
background-color:#000;
width:330px;
margin-top:84px;
height:30px;
text-align:center;
vertical-align:bottom;
font-size: 10px;
font-weight: normal;
color: #C8C8C8;
}
#header #buscador a {
float:left;
height:12px;
text-decoration:none;
font-size:11px;
color:#C8C8C8;
}
#header #buscador img {
float:left;
border:none;
margin-left:6px;
}
#header #buscador input {
float:left;
width:100px;
height:14px;
background:#FFF;
border:1px solid #CCC;
font-size:10px;
color:#CCC;
margin-left:6px;
}
#header #buscador p {
float:left;
width:75px;
text-align:left;
text-decoration:none;
font-size:11px;
color:#C8C8C8;
margin-left:4px;
margin-top:-3px;
}
#header #buscador .intralink{ margin-top:3px;}
#header #buscador .lupa{ margin:0px;}
#header #cuadros {
width:270px;
float:right;
background-color:#000;
margin-top:20px;
margin-right:8px;
text-align:right;
}
#header #cuadros a {
border:0px;
}
#header #cuadros a img {
border:0px;
}
/*rutatemas.css*/
#depthpath{
color: #900;
margin-top: 10px 0 20px 0;
font-size:10px;
}
#depthpath ol {
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
font-size:10px;
font-weight:normal;
}
#depthpath li {
font-size: .917em;
display: inline;
margin-top: 0 4px 0 0;
}
#depthpath li a {
margin-right:4px;
color: #999;
text-decoration: none;
font-weight:normal;
}
#depthpath li a:hover {
color: #900;
text-decoration: underline;
font-weight:normal;
}
/******************************menu Principal: todas las paginas*******************/
#subheader {
clear:both;
background-color: #FFF;
width: 100%;
}
#subheader2 {
clear:both;
background-color: #FFF;
width: 100%;
height: 22px;
padding: 0px;
}
#subheader2 ul {
width:100%;
float:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
}
#subheader2 ul li {
float:left;
list-style:none;
font-weight: normal;
font-size: 10px;
border-right: 1px solid #900;
margin: 5px 4px;
padding: 0 4px 0 0;
}
#subheader2 ul li.last, #subheader2 ul li:last-child {
border: none;
}
#subheader2 p {
letter-spacing: 1px;
line-height: 18px;
margin: 0px;
padding: 2px;
text-align: center;
}
#subheader2 a{
font-size: 10px;
color: #5C5C5C;
font-weight: normal;
text-decoration: none;
padding-right: 1px;
padding-left: 1px;
margin: 0 2px 0 1px;
}
#subheader2 a:hover {
color: #C00;
text-decoration: none;
}
#banner {
width:100%;
max-width:1000px;
}
#banner img {
width:100%;
max-width:1000px;
}
/*/////////////////////////////////////Menu secundario, casi todas las páginas////////////*/
#subheader3 {
clear:both;
background-color:#FFF;
margin:0;
padding:4px 0 0;
}
#subheader3 ul {
height: 22px;
border-bottom: 1px solid #CCC;
border-right: none;
border-left: none;
font-size: 10px;
padding:0;
margin:0;
}
#subheader3 ul li.last{
margin: 2px;
padding:0;
border:none;
}
#subheader3 ul li a{
padding:0px 6px;
}
#subheader3 ul li a:hover {
color: #000;
}
#subheader3 ul li a.title{
font-size: 11px;
color:#900;
border:none;
}
#subheader3 ul li a.title:hover{
color:#FF2227;
text-decoration:none;
}
#subheader3 ul li a.last, #subheader3 ul li:last-child a{
border:none;
}
#subheader3 ul #buscar{
float:left;
width:auto;
height:auto;
padding:0;
color:#666;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
/******************************container / contenido*******************/
/*container = toda el area*/
#container {
background-color:#F5F5F5;
max-width: 1000px;
width:100%;
margin: 0px auto 0px auto;
border: 1px solid #000;
position: relative;
}
/*contenido = total sin al banner superior*/
#contenido {
width:100%;
background-color: #f5f5f5;
text-align: left;
margin: 0px;
clear: both;
}
/******************************FOOTER***********************************/
#container #footer{
color:#FFF;
clear:both;
background:#717171;
padding:5px;
text-align:center;
margin: 0px;
height:34px;
}
#container #footer p{
margin-left:10px;
margin-bottom:0px;
font-size: 9px;
color: #E1E1E1;
font-weight: normal;
text-align:center
}
#container #footer #prohibido{
float:right;
width:540px;
text-align:right;
position: relative;
bottom: 4px;
}
#container #footer a {
font-size: 10px;
font-weight: normal;
color: #EBEBEB;
text-decoration: none;
line-height: normal;
}
#container #footer a:hover {
color:#009999;
text-decoration: underline;
}
/******************************MODULOS*********************************
modulo = Para colocar el Iframe // HACE PARTE DEL base_frame template
modulo01 = con margenes
modulo02 = sin margenes
*/
#container #iframe{
float:left;
width:18px;
/* background:#FFF;*/
text-align:left;
}
#container #modulo{
width:80%; /*Iframe width is 183px*/
padding:5px;
margin:auto;
text-align:left;
}
#container #modulo01{
clear:both;
width:802px;
padding:10px 100px;
font-style: normal;
}
#container #modulo02{
width:100%;
padding:0px 0px 10px 0px;
background:#FFF;
text-align:left;
}
.galeriaInterna {
width:620px;
height:490px;
float:left;
border:1px solid #999;
padding:5px;
margin:5px;
}
.galeriaInterna img.grande {
width:600px;
float:left;
margin:10px;
}
.galeriaInterna ul {
margin:0px 10px;
border-top:1px solid #999;
border-bottom:1px solid #999;
width:auto;
float:left;
height:50px;
padding:5px 10px 5px 0px;
}
.galeriaInterna ul li {
width:50px;
height:50px;
list-style:none;
float:left;
margin:0px 5px;
}
.galeriaInterna ul li a {
margin:0px 5px;
}
/**********************************contenido Home - Index*/
#container #modulohome{
float:right;
width:760px; /*Iframe width is 183px*/
text-align:left;
}
#container #home {
clear:both;
width:100%;
font-size: 9px;
font-weight: normal;
}
#container #home #modulohome {
float:left;
width:60%;
}
/*#container #home #modulohome p { margin:0px; padding:0px; font: bold 9px/12px Verdana, 'Hind', sans-serif; color: #000}*/
#container #home #modulohome .unit {
float: left;
width: 33.3%;
margin: 0;
text-align: left;
overflow: hidden;
padding: 2px;
box-sizing: border-box;
min-height: 170px;
}
#container #home #modulohome .unit img {
width: 100%;
}
#container #home #modulohome .unit a { color:#00A3D9;}
#container #home #modulohome .unit p, #container #home #modulohome .unit01 p { margin: 2px 0 0 4px; padding:0px; font: 600 11px/12px 'Hind', sans-serif; color: #000}
#container #home #modulohome .unit01 {
float:right;
width: 33.3%;
margin: 0;
padding: 2px 1px 2px 1px;
box-sizing: border-box;
}
.unit a, unit a:hover{ color:#00A3D9 !important; }
.unit a:hover{
color:#999 !important;
text-decoration:underline;
}
.unit01{
overflow:hidden;
}
/********************************** Ãndice de Carreras en Mapa DC - Juan*/
.indice { width:100%;}
.indice ul {margin: 0; padding: 0; width:100%;}
.indice ul li {margin: 0; padding:0.1em 0; list-style-type:none; width:400px; font-size:11px;}
.indice ul li.col1 { margin-left: 0em;}
.indice ul li.col2 { margin-left: 25em;}
.indice ul li.col3 { margin-left: 50em;}
.indice ul li a:hover {color: #003956;}
.alto { height:270px;}
.indice li.extension {width:700px;}
.indice li.reset1 {margin-top: -23.3em;} /* Inicio Columna 2 */
.indice li.reset2 {margin-top: -23.3em;} /* Inicio Columna 3 */
.indice li.reset3 {margin-top: 0em;} /* Inicio Columna 3 */
/********************************** Planes de articulación - Juan*/
.verde {color:#393; padding:0;}
.azul {color:#03C; padding:0;}
.negro {color:#000; padding:0;}
.grado { margin-top:15px;}
#articulacion { float:left; width:100%; overflow:hidden; }
.carrera {float:left; width:45%; padding:10px 0 20px 5px; }
.carrera h3 { font: bold 10px 'Hind', sans-serif; text-transform:uppercase;color: #C33;padding:15px; margin:0 0 5px 0; background:#FFF; border:1px solid #E5E5E5}
.carrera h4 { font: normal 9px/16px 'Hind', sans-serif;color: #C33;padding: 2px 0 2px 8px; margin:0; border:1px solid #E5E5E5; border-top:none; }
.carrera ul {display:block;list-style-type:none;font:normal 11px 'Hind', sans-serif;letter-spacing: -0,5px;margin: 0; padding:15px 0px 20px 15px; background:#FCFCFC; border:1px solid #E5E5E5; border-top:none;}
.carrera ul li {list-style-type:none;width:auto; padding: 2px 0 3px 0;}
.carrera ul li a { font: normal 11px/16px 'Hind', sans-serif;letter-spacing: -0,5px; color:#333;}
.carrera ul li a.verde {color:#393}
.carrera ul li a.azul {color:#03C}
.carrera ul li a.negro {color:#000}
.carrera ul.cuatrimestrex3 {padding-bottom:62px;}
.carrera ul.cuatrimestrex3plus {padding-bottom:77px;}
.carrera ul.cuatrimestrex3bis {padding-top:36px; padding-bottom:41px;}
.carrera ul.cuatrimestrex4 {padding-bottom:41px;}
.carrera ul.cuatrimestrex6 {padding-top:36px;}
fieldset { padding:15px; margin:15px; border:1px solid #CCC;}
legend { font:bold 12px/16px 'Hind', sans-serif; padding:0 5px}
label {
float:left;
font:normal 11px/14px 'Hind', sans-serif;
text-align:left;
display:block;
padding:0 0 3px 0;
color:#000;
}
select { width:15px;}
.enviar { margin:0 0 0 30px;}
.radio { margin:0 5px 0 12px; width:15px; float:none;}
/********************************** Programa de Investigación - Juan*/
#agenda { width:95%; border:1px solid #000; border-collapse: collapse; font:normal 12px/14px 'Hind', sans-serif;}
#agenda caption { font: bold 12px/14px 'Hind', sans-serif; margin:1.5em 0 }
#agenda summary { margin-bottom:10px; font:bold 14px/12px 'Hind', sans-serif;}
#agenda col { border-right:1px solid #333;}
col#actividad { border:none; }
#agenda td, #agenda th { padding:0.8em 1.5em 0.8em 2em; border-bottom:1px dotted #CCC;}
#agenda .impar {background:#FFF;}
#agenda tr:nth-child(odd) {background-color: #FFF;}
#agenda th { background:#333; font:bold 1em/1em 'Hind', sans-serif; color:#FFF; text-align:center;}
#fecha { width:25%;}
#actividad { width:85%;}
#entrega { width:35%;}
#fecha1 { width:65%;}
#agenda tr:hover { background: #C5C5C5;}
#agenda ul li { color:#000}
#agenda ul li a:hover { color: #069;}
/***** Mapa de carreras por duración - Juan*/
#mapcar { width:80%; border:1px solid #000; border-collapse: collapse; font:normal 12px/14px 'Hind', sans-serif;}
#mapcar caption { font: bold 12px/14px 'Hind', sans-serif; margin:1.5em 0 }
#mapcar summary { margin-bottom:10px; font:bold 14px/12px 'Hind', sans-serif;}
#mapcar col { border-right:1px solid #333;}
col#actividad { border:none; }
#mapcar td, #mapcar th { padding:0.8em 1em; border-bottom:1px dotted #CCC;}
#mapcar .impar {background:#FFF;}
#mapcar th { background:#333; font:bold 0.8em/1em 'Hind', sans-serif; color:#FFF; text-align:center;}
#carrera { width:75%;} /***** Mapa de carreras por duración - Juan*/
#asignatura { width:5%;} /***** Mapa de carreras por duración - Juan*/
#titulo { width:20%;} /***** Mapa de carreras por duración - Juan*/
#contacto fieldset { padding:8px; margin:15px; border:1px solid #CCC;}
#contacto legend { font:bold 10px/14px 'Hind', sans-serif; padding:0 5px}
#contacto label { float:left; font:normal 11px/16px 'Hind', sans-serif; text-align:left; display:block; width:70px; padding:0 0 3px 0; }
#contacto input, select, textarea {font-size: 9px;color: #333;width: 140px;padding: 0px; margin: 1px 0; font:normal 11px/16px 'Hind', sans-serif;}
#contacto h2 { font:bold 10px/12px 'Hind', sans-serif;text-align: center;margin:2px 0 3px 0;color: #333;}
.enviar { margin:0 0 0 30px;}
.radio { margin:0 5px 0 12px; width:15px; float:none;}
/********************************** Programa de Graduación - Juan*
#modulo01 .criterios { margin:0; padding:0;}
#modulo01 .criterios li { list-style: outside lower-alpha; font:normal 12px/14px 'Hind', sans-serif; margin-left:25px; padding:4px 0}
#modulo01 .criterios li a { text-decoration:underline;}
#modulo01 .criterios li > .areasp { margin-top:15px; padding:0;}
#modulo01 .criterios li > .areasp li { margin-left:95px; padding:2px; list-style:outside decimal; }
#modulo01 .cappg { margin:0; padding:0; width:50%; float:left;}
#modulo01 .cappg li { margin:20px 10px;
width:90%;
padding:4px 12px;
margin-left:6px;
margin-top:2px;
margin-bottom:2px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#modulo01 .cappg li a {
color: #069;
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
text-shadow: 0 1px 0 #eee;
text-align:left;
display:block;
}
#modulo01 .cappg li a:hover {
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
color:#333; text-decoration:none;
}
#modulo01 .cappg a:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
/********************************** Escuela de Negocios - Juan*/
.clinica { margin:15px 0; padding:1.3em; width:90%; background: #E6E6E6; list-style-type:none; border-bottom:1px solid #999}
.clinica li { font:normal 12px/14px 'Hind', sans-serif; color:#333; padding-bottom:0.5em}
.clinica li.encabezado { padding:1em 0 0 0; font:bold 13px/16px 'Hind', sans-serif; border-top:1px solid #666; color:#C00;}
ul.lista, ol.lista { font:normal 12px/14px 'Hind', sans-serif;}
ul.inscripcion {font:bold 10px/12px Geneva, Arial, Helvetica, sans-serif}
#contenidos { margin:0; padding:25px 0 0 0; width:90%; list-style-type:none; border-top:1px solid #999; }
#contenidos h2 {color:#C00; margin:0;}
#contenidos li { font:normal 12px/14px 'Hind', sans-serif; color:#333; padding-bottom:0.5em}
/********************************** Escuela de Negocios - Agenda - Juan*/
#agendaemp { width:95%; border:1px solid #069; border-collapse: collapse; font:normal 12px/14px 'Hind', sans-serif;}
#agendaemp caption { font: bold 12px/14px 'Hind', sans-serif; margin:1.5em 0 }
#agendaemp summary { margin-bottom:10px; font:bold 14px/12px 'Hind', sans-serif;}
#agendaemp col { border-right:1px solid #069;}
#agendaemp col#fecha { width:14%}
#agendaemp col#clinica {width:55%;}
#agendaemp col#inscripcion {width:26%; border:none;}
#agendaemp td { padding:0.8em 1.5em 0.8em 2em; border-bottom:1px dotted #fff;}
#agendaemp .impar {background:#FFF;}
#agendaemp .last { border:none;}
#agendaemp .first { border-top:none;}
#agendaemp th { background: #069; font:bold 1em/1em 'Hind', sans-serif; color:#FFF; text-align:center; padding:0.8em 1.5em 0.8em 2em;}
#clinica { background:none; border:none}
#agendaemp a:hover { color:#FF0000}
#agendaemp tr:hover { background: #E5E5E5;}
#agendaemp ul li { color:#000}
.enviar { margin:0 0 0 30px;}
.radio { margin:0 5px 0 12px; width:15px; float:none;}
col#inscripcion { font-size:10px;}
#escuela { width:80%}
#escuela fieldset { padding:15px; margin:15px; border:1px solid #CCC;}
#escuela legend { font:bold 12px/16px 'Hind', sans-serif; padding:0 5px}
#escuela label { float:left;font:normal 11px/16px 'Hind', sans-serif; text-align:left; display:block; width:110px; padding:0 0 3px 0}
#escuela label.radiobtn { width:100%;}
#escuela .opciones { margin:0 0 10px 15px; padding:0; float:left;}
#escuela .opciones li { list-style-type:none; padding:0.2em 0.5em 0.2em 0; margin-bottom:2px; display:blok; border:1px solid #CCC; }
#escuela .opciones li.titlebox { border:none; font-style:italic;}
.registro { width:120px; background:#FF0000; font:bold 14px/12px 'Hind', sans-serif; color:#FFF; text-align:center; margin:0 auto; padding:0.5em;}
.destacado { margin:25px 15px; padding:15px; border:1px solid #FFCC00; background:#FFF;}
.destacado h2 {margin:0}
/********************************** Tendencias DC - Sil*/
#tendencias { width:90%; border:1px solid #000; border-collapse: collapse; font:normal 12px/14px 'Hind', sans-serif; margin:20px 0px;}
#tendencias caption { font: bold 14px/16px 'Hind', sans-serif; margin:1.5em 0; color: #BE4141; margin:20px 0px; }
#tendencias summary { margin-bottom:10px; font:bold 14px/12px 'Hind', sans-serif;}
#tendencias col { border-right:1px solid #333;}
col#actividad { border:none; }
col#nom { width:30%}
col#link { width:30%}
col#cv { width:10% }
#tendencias td, #tendencias th { padding:0.4em 2.5em; border-bottom:1px dotted #CCC;}
#tendencias .impar {background:#FFF;}
#tendencias th { background:#BE4141; font:bold 1em/1em ; color:#FFF; text-align:center; min-height:20px}
#fecha { width:25%;}
#actividad { width:85%;}
#tendencias tr:hover { background:#CCC;}
#tendencias ul li { color:#000}
.detalle { margin:0; padding:0; width:90%;}
.detalle li { list-style-type: none; padding:0.3em 3em; font:normal 11px/16px 'Hind', sans-serif;}
.detalle li a { text-decoration:underline;}
.mini { color:#666; font-size:11px;}
.black { color:#000;}
.note01{
float:left;
width:750px;
margin:5px 5px;
padding:0px 10px;
background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFF 50%);
-moz-box-shadow:1px 1px 2px #666;
-webkit-box-shadow:1px 1px 2px #666;
box-shadow:1px 1px 2px #666;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:2px;
border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
*background: #ffffff; /* IE6 e IE7 */
}
.note01 .iconCV_LG{ float:right; margin:5px}
.note01 h2{ font-size:16px;
}
.note01 h4{
font-size: 12px;
font-weight: bold;
color: #BE4141;
}
/********************************** Iconos - Sil*/
a.botongris {
float:right;
border-top: 1px solid #96d1f8;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
background: -ms-linear-gradient(top, #3e779d, #65a9d7);
background: -o-linear-gradient(top, #3e779d, #65a9d7);
padding: 7px 14px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 13px;
text-decoration: none;
margin:1px 1px 1px 10px;
}
a.botongris:hover {
border-top-color: #4981a6;
background: #4981a6;
color: #ffffff;
}
a.botongris:active {
border-top-color: #1b435e;
background: #1b435e;
}
a.botongris2 {
float:right;
border-top: 1px solid #525252;
background: #827e7e;
background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#827e7e));
background: -webkit-linear-gradient(top, #525252, #827e7e);
background: -moz-linear-gradient(top, #525252, #827e7e);
background: -ms-linear-gradient(top, #525252, #827e7e);
background: -o-linear-gradient(top, #525252, #827e7e);
padding: 7px 14px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 13px;
text-decoration: none;
margin:1px;
}
a.botongris2:hover {
border-top-color: #827e7e;
background: #525252;
color: #ffffff;
}
a.botongris2:active {
border-top-color: #a82222;
background: #a82222;
}
/*Button Electivas*/
.bgris {
float:right;
margin-right:40px;
margin-left:6px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #595959;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
line-height: 1;
padding: 2px;
text-align: center;
text-shadow: 0 1px 0 #eee;
}
.bgris:hover {
background-color: #dddddd;
background-image: linear-gradient(top, #dddddd, #bbbbbb);
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(top, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
color:#000; text-decoration:none; }
.bgris:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
/*Button Icons*/
.botoneraIconos{
float:right; height:30px; padding:5px; margin:0px 4px; width:auto; min-width:50px; background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 50%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(top, #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;
}
.botoneraIconos p.botonera{
float:left; font:'Hind', sans-serif; font-size:11px; line-height:12px; font-weight:900;
color:#444444; padding:0px; margin:2px; height:20px; cursor:pointer;
}
.botoneraIconos p.botonera:hover{
color:#717171;
}
/*ICONS*/
.iconVer_LW{ background-image:url(../images/iconos-01.png); background-position: -90px -30px; height: 30px; width: 30px;
}
.iconVer_LG{ background-image:url(../images/iconos-01.png); background-position: -135px -30px; height: 30px; margin:0 auto; width: 30px;
}
.iconHorario_LW{ float:left; background-image:url(../images/iconos-01.png); background-position: 0px -30px; height: 30px; width: 30px;
}
.iconHorario_SG{ background-image:url(../images/iconos-01.png); background-position: -205px -25px; height: 20px; width: 20px;
}
.iconHorario_LG{ background-image:url(../images/iconos-01.png); background-position: -45px -30px; height: 30px; width: 30px; float:left; margin:0px 4px;
}
.iconCalendar_LW{ float:left; background-image:url(../images/iconos-01.png); background-position: -90px -360px; height: 30px; width: 30px;
}
.iconCalendar_SG{ background-image:url(../images/iconos-01.png); background-position: -252px -288px; height: 20px; width: 20px;
}
.iconCalendar_LG{ background-image:url(../images/iconos-01.png); margin:0 auto; background-position: -135px -360px; height: 30px; width: 30px;
}
.iconCV_LW{ background-image:url(../images/iconos-01.png); background-position: -88px -420px; height: 30px; width: 30px;
}
.iconCV_LG{ background-image:url(../images/iconos-01.png); background-position: -135px -420px; height: 30px; margin:0 auto; width: 30px;
}
.iconCV_YT{ background-image:url(../images/iconos-01.png); background-position: -45px -390px; height: 30px; margin:0 auto; width: 30px;text-indent:-5000px;
}
.iconBlog_LW{ background-image:url(../images/iconos-01.png); background-position: -88px -390px;
height: 30px; width: 30px;
}
.iconBlog_LG{ background-image:url(../images/iconos-01.png); background-position: -135px -390px;
height: 30px; float:left; margin:0px 4px; width: 30px;
}
.iconFotos_LG{ background-image:url(../images/iconos-01.png); background-position: -43px -360px;
height: 30px; margin:0 auto; width: 30px;
}
.iconAgendar_LG{ background-image:url(../images/iconos-01.png); background-position: -45px -90px;
height: 30px; margin:0px 4px; width: 30px; float:left;
}
/*********************************
* DC2.0 - Juan*/
#redessociales { width:100%; float:left; margin:0; overflow:hidden}
.facebook, .twitter, .youtube { width:30%; height:520px; float:left; margin:0 15px 15px 0; padding:0;}
.facebookbig { width:30%; height:520px; float:left; margin:0 15px 15px 0; padding:0;}
.facebook, .facebookbig {background:#264572;}
.twitter {background:#91d3d9;}
.youtube {background:#d24544;}
.facebook h3, .facebookbig h3, .twitter h3, .youtube h3 {font:bold 13px/2em 'Hind', sans-serif; padding:3% 0% 3% 20%; width:80%; margin:0;}
.facebook h3, .facebookbig h3 {background: #3b5998 url(../dc20/images/facebook.png) no-repeat 6% 50% ; color:#fff; border-bottom:1px solid #133783; }
.twitter h3 {background: #73c0c7 url(../dc20/images/twitter.png) no-repeat 6% 50% ; color:#36494b; border-bottom:1px solid #b3c2d5; }
.youtube h3 {background: #b92f2d url(../dc20/images/youtube.png) no-repeat 6% 50% ; color:#fff; border-bottom:1px solid #fc7f81; }
.facebook social-title, .facebookbig social-title {font:bold italic 11px/2em 'Hind', sans-serif;}
.facebook .social-group, .facebookbig .social-group, .twitter .social-group, .youtube .social-group { margin:10px 0; padding:0;}
.facebook .social-group li, .facebookbig .social-group li, .twitter .social-group li, .youtube .social-group li {list-style-type:circle; }
.facebook .social-group li a, .facebookbig .social-group li a, .twitter .social-group li a, .youtube .social-group li a {display:block;font:bold 11px/2em 'Hind', sans-serif; margin-left:2em;border-bottom:1px dotted #fff; width:75%; padding-left:10px; text-decoration:none }
.facebook .social-group li a:hover, .facebookbig .social-group li a:hover, .twitter .social-group li a:hover, .youtube .social-group li a:hover {margin-left:2em; text-align:left;}
.facebook .social-group li a, .facebookbig .social-group li a {color:#fff;}
.facebook .social-group li a:hover, .facebookbig .social-group li a:hover {color:#264572; background:#f0fafe;}
.twitter .social-group li a {color:#36494b;}
.twitter .social-group li a:hover {color:#36494b; background:#d1eef1;}
.youtube .social-group li a {color:#fff;}
.youtube .social-group li a:hover {color:#fff; background:#f97879;}
.otrasredes { width:30%; float:left; margin:0 5px 15px 0; padding-left:1.2em;}
.otrasredes h3 {color:#000; border-bottom:1px solid #133783;}
.otrasredes .social-title {display:block;font:bold 11px/3em 'Hind', sans-serif; padding:2em; width:175px; float:left; }
.otrasredes .social-items { margin:0; padding:0; }
.otrasredes .social-items li {padding:0 2px 0 0; margin-bottom:7px; }
.otrasredes .social-items li a {display:block;width:164px;height:27px;background-image: url(../dc20/images/botones.png);background-repeat:no-repeat; font:bold 11px/2.3em 'Hind', sans-serif; padding-left:4em;}
.otrasredes .social-items li a.fb {background-position:0 top; }
.otrasredes .social-items li a.tw {background-position:-28px top; }
.otrasredes .social-items li a.ytube {background-position:-412px top; color:#fff;}
.otrasredes .social-items li a.lkin {background-position:-823px top; color:#fff; }
.otrasredes .social-items li a.flk {background-position:-207px top; color:# 3f79f0 }
.otrasredes .social-items li a.rss {background-position:-616px top; color:#fff;}
.otrasredes .social-items li a.blogger {background-position:0 top; color:#fff;}
.otrasredes .social-items li a.fb:hover {background-position:0 bottom; text-align:left; text-decoration:none; color:#193d83;}
.otrasredes .social-items li a.tw:hover {background-position:-28px bottom; text-align:left; text-decoration:none; color:#193d83;}
.otrasredes .social-items li a.ytube:hover {background-position:-412px bottom; text-align:left; text-decoration:none; color:#9a3230;}
.otrasredes .social-items li a.lkin:hover {background-position:-823px bottom; text-align:left; text-decoration:none; color:#193d83; }
.otrasredes .social-items li a.flk:hover {background-position:-207px bottom; text-align:left; text-decoration:none; color:#193d83;}
.otrasredes .social-items li a.rss:hover {background-position:-616px bottom; text-align:left; text-decoration:none; color:#a9391c;}
.otrasredes .social-items li a.blogger:hover {background-position:0 bottom; text-align:left; text-decoration:none; color:#9f3417;}
/*********************************
* GuÃa de Carreras - Juan*/
#medio{
float:left;
width:890px;
padding:5px;
margin:2px 0px;
}
#medio ul{
float:left;
width:435px;
margin:0px 0px 15px 0px;
}
#medio ul li{
list-style:none;
}
#medio ul li.links, #medio ul li.linksb{
list-style:none;
float:left;
width:340px;
margin-left:50px;
text-align:left;
}
#medio ul li.links a{
text-align:left;
font:normal 11px/14px Verdana, 'Hind', sans-serif;
}
#medio ul li.linksb a{
text-align:left;
font:normal 11px/14px Verdana, 'Hind', sans-serif;
font-weight:bold;
}
#medio ul li.top{
width:350px;
margin:20px 10px 5px 10px;
padding:0 0 5px 0;
float:left;
border-bottom:1px solid #465d86;
font:bold 16px/14px 'Hind', sans-serif;
}
#medio ul.inter { margin:0; width:340px}
#medio ul.inter li { margin-left:48px;}
#medio ul.inter li a { font-weight:normal;}
/*********************************
* Programa de Investigación - Juan*/
#contenido #modulo .congreso ul { margin:0; padding:0}
#contenido #modulo .congreso ul li {font:normal 12px/18px 'Hind', sans-serif; margin-left:15px;}
#btnsitiosdc { position: absolute; top: 310px; left: 50%; margin-left: 400px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; z-index:10000; }
#btnsitiosdc a { color:#FFF;}
#btnsitiosdc strong{ color:#FC0;}
#btnsitiosdc:hover { color:#FC0;}
/* despues para borrar */
#btntop , #content #btntop { position: absolute; top: 175px; left: 47%; margin-left: 400px; z-index:10000; }
@media (max-width:768px) {
#container #home #modulohome { width: 50%; }
#container #home #modulohome .unit, #container #home #modulohome .unit01 { width:50%; }
.noticiasdc { height: 660px; }
.limpiame { clear: both; }
.ocultalos { display: none; }
}
@media (max-width:560px) {
#container #home #modulohome { width: 100%; }
}