@charset "utf-8";
/* CSS Document */
html, body{ 
 margin:0px; 
 padding:0px 0px 0px 0px; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif;
 font-size:.84em;
 color:#333333;
} 
 
#contenedor_principal { 
 width:850px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color: #fff;  
} 

#columna_total{
 float: center;
 margin: auto;
 margin-top: 10px;
 text-align: justify; 
 position: relative; 
 width:90%;
 }

#columna_izquierda{
 width:18%; 
 float:left; 
 position:relative; 
min-height:200px;
padding:50px 5px 0px 0px;
 }
 
#columna_principal{
 float: right; 
 display:inline; 
 position: relative; 
 width:81%;
 }
 
#columna_izquierda_inicio{
 width:35%; 
 float:left; 
 position:relative; 
min-height:200px;
padding:30px 5px 0px 0px;
 }
 
 #columna_principal_inicio{
 float: right; 
 display:inline; 
 position: relative; 
 width:64%;
 padding:30px 0px 0px 0px;
 }
  
 #encabezado {
  width:100%;
  height:110px;
  /* background-color:#ffffff; */
 }
 
#logo_principal{	
	width: 20%; 
	height: 100%;
	float: left; 
}
 
#titulo_web{
	width: 34%;
	height: 100%;	
	text-align: center; 
	float: left; 
}
 
#miembros_proyecto{	
	width: 45%; 
	height: 100%;
	float: right;
}
 
#header_a1{
	width: 45%; 
	height: 50%; 
	float: left;
}
 
#header_a2{
	width: 54%; 
	height: 50%; 
	float: right;
}
 
#header_b1{
	width: 45%; 
	height: 50%; 
	float: left;
}

#header_b2{
	width: 54%; 
	height: 50%; 
	float: right;
}
 
#logotipo {
display:block; 
position: relative;
margin:0px; 
padding:0px 0px 0px 0px;
float:left;
}

#azteca_arquitectura{
	text-align: center;
}

span.leyenda { 
margin:0px; 
padding:0px 0px 0px 0px; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:.70em;
color:#333333;
} 

#selector_idioma {
margin:0px 0px; 
padding:35px 0px 0px 0px;
color:#00afca;
width:150px;
float:right;
}
#selector_idioma a{
color:#00afca;
text-decoration:none;
font-weight:bold;
 }
#selector_idioma a:hover{
color:#003366;
text-decoration:underline;
font-weight:bold;
 }
 
#selector_idioma a.seleccionado{
color:#00afca;
text-decoration:none;
font-weight:bold;
text-decoration:underline;
text-align:right;
}#selector_idioma_2 {	height: 25px;	margin:0px 0px; padding:0px 0px 0px 0px;color:#00afca;text-align: right;}#selector_idioma_2 a{color:#00afca;text-decoration:none;font-weight:bold; }#selector_idioma_2 a:hover{color:#003366;text-decoration:underline;font-weight:bold; }#selector_idioma_2 a.seleccionado{color:#00afca;text-decoration:none;font-weight:bold;text-decoration:underline;text-align:right;}
 
 #menu_principal { 
 height:30px;
 background-color:#00afca;
 color:#fff;
 font-weight:bold;
 font-size:1em;
 margin:0px; 
 padding:10px 15px 0px 25px;
 }
 
 #menu_principal ul{ 
 display: inline;
 padding: 0;
 }
 
 #menu_principal ul li{ 
 display: inline;
 }
 
 #menu_principal a{ 
 margin:0px 15px 0px 0px; 
 padding:0px 0px 5px 0px;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
 }
 
#menu_principal a:hover{ 
 border-bottom:solid 4px #fff;
 text-decoration:none;
  margin:0px 15px 0px 0px; 
 padding:0px 0px 5px 0px;
 }
 
 #menu_principal a:active{ 
  margin:0px; 
  padding:0px;
  text-decoration:none;
  margin:0px 15px 0px 0px; 
  padding:0px 0px 5px 0px;
 }
 
#menu_principal a:visited{ 
 text-decoration:none;
  margin:0px 15px 0px 0px; 
 padding:0px 0px 5px 0px;
 }
 
 #menu_principal a.seleccionado{ 
 border-bottom:solid 4px #fff;
 text-decoration:none;
  margin:0px 15px 0px 0px; 
 padding:0px 0px 5px 0px;
 }
 
 #menu_principal .seleccionado{ 
 border-bottom:solid 4px #fff;
 text-decoration:none;
  margin:0px 15px 0px 0px; 
 padding:0px 0px 5px 0px;
 }
 
 .opcion_menu_tecnologias{
 float: right; 
 }
 
 #footer {
 font-size:.9em;
 text-align:right;
 color:#999;
 border-top:solid 1px #ccc;
 padding:8px 0px 0px 0px;
 }
 
 #submenu { 
 margin:30px 0px 30px 0px; 
 color:#00afca;
 font-weight:bold;
 font-size:20px;
 }
 
 #submenu a{ 
 color:#00afca;
 font-weight:bold;
 text-decoration:none;
 margin:0px 15px 0px 0px; 
 padding:0px 0px 0px 0px;
 }
 
#submenu a:hover{ 
 border-bottom:solid 4px #00afca;
 text-decoration:none;
 margin:0px 15px 0px 0px; 
 padding:0px 0px 0px 0px;
 }
 
 #submenu a:active{ 
  margin:0px; 
  padding:0px;
  text-decoration:none;
  margin:0px 15px 0px 0px; 
 padding:0px 0px 0px 0px;
 }
 
#submenu a:visited{ 
 text-decoration:none;
 }
 
 #submenu a.seleccionado{ 
 border-bottom:solid 4px #00afca;
 text-decoration:none;
 }
 
 #submenu .seleccionado{ 
 border-bottom:solid 4px #00afca;
 text-decoration:none;
 }
 /* ------------------------------------------------------------------ estilos de texto ---------------------------- */
 
 
h1{
font-family:Arial, Times, serif;
margin:3px 0px;
padding:5px 10px 4px 0px;
font-size:1.6em;
font-weight:bold;
color:#00afca;
}

h1.h3{
	font-family:Arial, Times, serif;
	margin:7px 0px;
	font-size:1.1em;
	font-weight:bold;
	color:#666;	
}

h2{
font-family:Arial, Times, serif;
margin:5px 0px;
font-size:1.3em;
font-weight:bold;
color:#00afca;
}

h3{
 font-family:Arial, Times, serif;
margin:7px 0px;
font-size:1.1em;
font-weight:bold;
color:#666;
}
 
p {
 padding:0px;
 margin:10px 5px 15px 0px;
 line-height:18px;
 }
 
.indent{
	text-indent: 3em;
}

a {
color:#00afca;
text-decoration:underline;
} 

a:hover {
color:#00afca;
text-decoration:underline;
}

hr {
border-top:solid 1px #00afca;
margin:0px;
padding:0px;
}
 
.break {
 width:100%;
 clear:both;
 }
 
 #columna_principal h1{
font-family:Arial;
margin:3px 0px;
padding:25px 10px 4px 0px;
font-size:1.6em;
font-weight:bold;
color:#333;
}

#columna_total h1{
font-family:Arial;
margin:3px 0px;
padding:25px 10px 4px 0px;
font-size:1.6em;
font-weight:bold;
color:#333;
}

#columna_principal h2{
 font-family:Arial, Times, serif;
margin:5px 0px;
font-size:1.3em;
font-weight:bold;
color:#00afca;
}

#columna_principal h2.h3{
color:#666;
}

#columna_principal h3{
 font-family:Arial, Times, serif;
margin:7px 0px;
font-size:1.2em;
font-weight:bold;
color:#666;
}
 
#columna_principal p {
 padding:0px;
 margin:10px 5px 15px 0px;
 line-height:18px;
 }
 
 #columna_principal ul{
 padding:0px;
 margin:10px 30px 15px 15px;
 line-height:20px;
 }
 
  #columna_izquierda_inicio ul{
 padding:0px;
 margin:10px 30px 15px 15px;
 line-height:20px;
 }
 
 #logo_lateral{
 text-align: center;
 }
 
.img_articulo {
margin:0px 10px;
 padding:8px;
 background-color:#e1e1e1;

 }
 
 .img_caption {
 font-size:0.84em;
 color:#003366;
 font-style:italic;
  margin:0px 0px;
 }
 
 img {
 margin:0px;
 padding:0px;
 border:0px;
 }
 
.imgPortada220{
	width:220px;
	text-align: right;
}


 /*  MODULOS INTERIORES IZQUIERDO Y DERECHO ------------------------ */
 
   .mod1 {
  width:48%;
  /* background-color:#ffffff; */
  float:left; 
   display:inline; 
 position:relative;
 margin-left:0px;
  text-align:left;
 }
 
  .mod2 {
  width:48%;
  /* background-color:#ffffff; */
  float: right; 
 display:inline; 
 position: relative; 
 text-align:left;
 } 
 
 .mod3 {
  width:80%;
  /* background-color:#ffffff; */
  float: left; 
 position:relative;
 margin-left:0px;
  text-align:left;
 } 
 
 .principal  {
  width:70%;
  /* background-color:#ffffff; */
  float:left; 
  display:inline; 
  position:relative;
  margin-left:0px;
  text-align:left; 
 }
 
 .noticias  {
 width:30%;
 float: right; 
 display:inline; 
 position: relative; 
 text-align:left; 
 }
 
/* -------------------------------------------- SUB MENU ----------------------------------- */

.sub_menu, .sub_menu li ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0;
width: 145px; /*WIDTH OF MAIN MENU ITEMS*/
/* border: 1px solid #fff; */
text-transform:uppercase;
}

.sub_menu li{
position: relative;
text-align:left;
color:#00afca;
}

.sub_menu li a{
font: normal 0.9em Arial, Helvetica, sans-serif;
color:#00afca;
display: block;
width: auto;
padding: 3px 5px 3px 5px;
padding-left:5px;
text-decoration: underline;
text-transform:uppercase;
font-weight:bold;
}

.sub_menu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.sub_menu li ul li{
float: left;
}

.sub_menu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */

}

.sub_menu .arrowdiv{
position: absolute;
right: 2px;
}

.sub_menu li a:visited, .sub_menu li a:active{
color: #036;
}

.sub_menu li a:hover{
background-color:#00afca;
color:#fff;
}

.sub_menu li a.seleccionado{
background-color:#00afca;
color:#fff;
}

/* Holly Hack for IE \*/
* html .sub_menu li { float: left; height: 1%; }
* html .sub_menu li a { height: 1%; }
/* End */



/* ---------------CELDAS LINEA DE TIEMPO ----------------    */

.celda_numero {
font-family:Arial, Times, serif;
font-size:1.6em;
font-weight:bold;
color:#333;
width:95px;
float:left;
padding:5px 0px 5px 0px;
}

.celda_imagen{
padding:0;
float:right;
width: 140px;
}

.celda_imagen img{
margin:5px 0 0 0;
}

.celda_texto {
width:440px;
float:right;
text-align:left;
padding:5px 0px 5px 10px;
color:#333;
}

/* -----------------  TABLAS FICHA DE PROYECTO ------------- */

.tabla_contactos {

	
	width: 80%;
	margin: auto;
	border-color: #00AFCA;
	border-collapse:collapse;
	border-style: solid;
	border-width: 2px;
	
		
}

.tabla_contactos td,th{
	height: 40px;
	padding-left: 10px;
}

.tabla_contactos th{
	background-color: #A7E5F1;		
}

.tabla_ficha {
width:100%;
margin:10px 0px;
}
.tabla_ficha th{
width:30%;
text-align:left;
border-bottom:solid 1px #999;
}
.tabla_ficha td{
width:70%;
border-bottom:solid 1px #999;
color:#000;
font-weight:bold;
}
.tabla_ficha tr{
border-bottom:solid 1px #999;
}

.logo_ficha_proyecto{
float:right;
text-align:right;
margin:0px 0px 0px 10px;
}

 /* FICHA DE PROYECTO MODULOS INTERIORES de COLUMNA DERECHA -- IZQUIERDO Y DERECHO ------------------------ */
 
   .columna_izq {
  width:48%;
  /* background-color:#ffffff; */
  float:left; 
   display:inline; 
 position:relative;
 margin-left:0px;
  text-align:left;
 }
 
  .columna_der {
  width:48%;
  /* background-color:#ffffff; */
  float: right; 
 display:inline; 
 position: relative; 
 text-align:left;
 }
 
 /* videos */
 
 .videoHeadmouse{
	width:500px;
	height:450px;
}

 .videosGanas{
	width:451px;
	height:408px;
}

.headmouseDemo{
	height:280px; 
	width:336px;
}

/* tabla catedras */

#tablaCatedras tr{
	vertical-align:top;
}

#tablaCatedras td{
	width:20%;
}

/* descargas HM */

.clicksHM{
	padding-bottom: 3%;
	display: block;
	overflow:hidden;
}

.imgHeadMouse{
	width: 120px;
	padding-bottom: 5%;
}

.imgGanas{
	width: 200px;
}

.imgHeadMousePeq{
	width: 85px;
}

.imgWebCam{
	width: 65px;
	padding-bottom: 5%;
}

.tablaDescargas{
	width: 100%;
	text-align: center;
}

.imgClicksHM{
	display:block;
	overflow:hidden;
	text-align: center;
}

.imgHM{
	float:left;
	width: 33%; 
	text-align:center; 
	padding-top: 5.4%;	
}

.imgHMSinPad{
	float:left;
	width: 33%; 
	text-align:center; 
}

.imgHMWC{
	float:left;
	width: 33%; 
	text-align:center; 
	padding-top: 3%;	
}

.imgHM4{
	float:left;
	width: 25%; 
	text-align:center; 
	padding-top: 3%;	
}

.imgGran{
	width: 400px;
}

.listSubImages li{
	text-decoration: none;
	display:inline;
}

.right{
	text-align: right;	
}

/* Mapa web */

.mapaWeb ul li{
	list-style: none;
}

.mapaWeb ul li a{
	text-decoration: none;
}

.mapaWeb ul li a:hover{
	text-decoration: underline;
}

.mapaWeb ul li ul li{
	list-style: inherit;
	color:#666;
}

.mapaWeb ul li ul li a{
	color:#666;
}

.mapaWeb ul li ul li a:hover{
	color:#00afca;
}