* { margin:0px; padding:0px; }
html { text-align:center; font-family:century gothic,arial, freesans; font-size:12pt;  }
body { background-image:url(imagenes/fondopagina3.png); background-repeat:repeat-x;  }
#contenedor {position:relative; margin:0px auto; left:0px; top:0px; width:1000px; height:100%; background-color:#FFFFFF; }

#encabezado { position:absolute; left:0px; top:0px; width:100%; height:30px; background-color:#738C2E; }
#encabezadotextoizquierda { position:absolute; top:6px; left:0px; color:#DDDDDD; font-size:10pt; }
#login { position:absolute; top:0px; height:30px; padding-top:2px; right:0px; color:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; width:250px;  }
#loginnombre { float:left; padding-left:5px; width:115px; text-align:left; font-size:8pt;}
#banner { position:absolute; left:0px; width:100%; top:30px; height:140px;  text-align:left; }
#bannerlogoc13 { position:absolute; top:8px; left:0px; width:266px; height:124px; }
#bannerlogocivitec { position:absolute; top:40px; left:276px; width:334px; height:60px; }
#fechas { position:absolute; top:1px; height:139px; width:250px; right:0px; background-color:#175675; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; text-align:center; }
#menuhorizontal { position:absolute; top:170px; left:0px; width:266px; }
#tablamenu { width:100%; background-color:#FFFFFF; }
#tablamenu td { height:30px; width:100%; text-align:center; vertical-align:middle; font-size:10pt; color:#DDDDDD; cursor:pointer; }
.menucelda { background-color:#8EA64B; }
.menuceldaover { background-color:#738C2E; }
.menuceldaactiva { background-color:#4A95BA; }

#imagen { position:absolute; left:266px; top:171px; width:733px; height:401px; border-right:1px solid #FFFFFF; }
#texto { position:absolute; left:266px; width:733px; top:660px; color:#505050; text-align:justify; }
#alianzas { position:absolute; left:0px; width:264px; top:660px; color:#505050; text-align:center;  font-size:9pt; }
/*#indexado {color:#505050; font-size: 9pt;}*/

#encabezadotextoizquierda2 { position:absolute; top:6px; left:200px; color:#DDDDDD; font-size:10pt; }
#bannerlogoc132 { position:absolute; top:8px; left:200px; width:266px; height:124px; }
#bannerlogocivitec2 { position:absolute; top:40px; left:476px; width:334px; height:60px; }
#actualizacion { position:absolute; top:191px; left:-20px; width:100%; height:100%; text-align:center; }
#email { position:absolute; top:480px; left:360px; width:200px; font-size:14pt; }


.botonverde { width:120px; height:24px; text-align:center; vertical-align:middle; border:0px; color:#FFFFFF; font-size:10pt; background-color:#ABC26B; cursor:pointer; }
.botonverdegrande { width:150px; height:40px; text-align:center; vertical-align:middle; border:0px; color:#FFFFFF; font-size:12pt; background-color:#ABC26B; cursor:pointer; }
.botonlogout { width:120px; height:40px; text-align:center; vertical-align:middle; border:0px; color:#FFFFFF; font-size:12pt; background-color:#738C2E; cursor:pointer; }
.celdaalianzatexto { font-size:8pt; color:#505050; text-align:right; vertical-align:top; }
h1 { font-size:14pt; font-weight:bold; color:#8EA64B; width:100%; text-align:left; padding-bottom:10px;}
h2 { font-size:12pt; font-weight:bold; color:#175675; width:100%; text-align:left; padding-top:10px; padding-bottom:10px; }
h3 { font-size:12pt; font-weight:bold; color:#8EA64B; width:100%; text-align:left;  }
#fondopieprincipal, #pieprincipal { position:absolute; left:0px; top:1250px; width:100%; height:120px; background-color:#909090; }
#pieprincipal { border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:10pt; }
#pieprincipal big { font-size:12pt; }
#pieprincipal a:link, #pieprincipal a:visited { color:#FFFFFF; text-decoration:none; }
#pieprincipal a:hover { color:#396F96; }

#convocatoria, #registro, #fechasimportantes, #organizacion, #formapago, #ponencias, #eventosanteriores, #publicaciones, #memorias { position:absolute; width:231px; height:120px; background-color: #DDDDDD; }
#convocatoria, #registro, #fechasimportantes { top:150px; }
#organizacion, #formapago, #ponencias { top:300px; }
#eventosanteriores, #publicaciones, #memorias {top:450px; }
#convocatoria, #organizacion, #eventosanteriores { left:0px; }
#registro, #formapago, #publicaciones { left:251px; }
#fechasimportantes, #ponencias, #memorias { left:502px; }
.objetivoletra { text-align:left; vertical-align:top; font-size:12pt; color:#8EA64B; }
.objetivotexto { text-align:justify; }
@media only screen and (max-width:1000px) 
{
	#contenedor { position:absoulte; left:0px; top:0px; width:100%; height:100%;  }

}
p { margin-top:5px; }
p a:link, p a:visited { color:#396F96; text-decoration:none; font-weight:bold; }
p a:hover { color:#396F96; font-weight:bold; text-decoration:underline; }
#lista {padding-left:50px; list-style-image:url(imagenes/bullet.png); }
.listaeje { padding-left:20px; list-style-image:url(imagenes/bulletsmall.png); }
.listaeje li { color:#505050; }
.tablaeje{ color:#8EA64B; }
.tablaeje td, .tablalink td { vertical-align:top; text-align:left; }
.tablalink td a:link, .tablalink td a:visited { color:#8EA64B; text-decoration:none; }
.tablalink td a:hover { color:#8EA64B; text-decoration:underline; }
.celdafecha { color:#8EA64B; font-weight:bold; }
@media only screen and (max-width:768px) 
{
	#encabezadotextoizquierda, #imagen, #texto, #alianzas, #indexado, #indexado1, #fondopieprincipal, #pieprincipal { display:none; }
	#login { top:10px; width:100%; text-align:center; }
	#encabezado { height:50px; }
	
	#banner { top:50px; height:200px; background-color:#175675;}
	#bannerlogoc13 { top:5px; left:0px; width:100%; text-align:center;}
	#bannerlogocivitec { top:135px; left:0px; width:100%; height:38px;  text-align:center; }
	
	#menuhorizontal { width:100%; top:250px; }
	#tablamenu { width:100%; background-color:#707070; }
	
	#tablamenu td { height:50px; font-size:12pt; font-family:arial; color:#707070; }
	.menucelda {  background-color:#FFFFFF; }
	.menuceldaover { background-color:#8EA64B; color:#FFFFFF; }
	
	.botonverde { width:120px; height:34px; font-size:12pt; }
}
.registronum { width:40px; vertical-align:top; }
.registrotitulo { width:800px; height:40px; vertical-align:middle; text-align:left; color:#8EA64B; font-size:12pt; font-weight:bold; }
.registrolabel, .registrotexto, .registrolabelrequerido  { color:#505050; font-size:10pt; text-align:left; vertical-align:middle; }
.registrolabel, .registrolabelrequerido  { height:24px; }
.registrolabel a:link, .registrolabel a:visited { font-size:11pt; font-weight:bold; color:#175675; }
.registrolabel a:hover { font-size:11pt; font-weight:bold; color:#2E7294; }
.registrolabelrequerido { font-weight:bold; }
.registromensaje { color:#114D66; font-size:11pt; font-weight:bold; }
.registroerror { color:#AA0000; font-size:11pt; font-weight:bold; }
.registrodatos { color:#114D66; font-size:11pt; }
.registrobutton { text-align:right; height:40px; vertical-align:bottom; }
.registroerror { color:#AA0000; font-size:10pt; text-align:left; width:200px; }
.registroli { font-size:10pt; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.loader {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,0,0, 0.2);
  border-right: 1.1em solid rgba(0,0,0, 0.2);
  border-bottom: 1.1em solid rgba(0,0,0, 0.2);
  border-left: 1.1em solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}