/*
Theme Name: AMC-3
Theme URI: http://www.amc.edu.mx/comunicacion/
Description: Tema de la nueva version del sitio de la Coordinacion de Comunicacion de la AMC
Version: 3.0
Author: Jorge Sales
*/
html, body {
	margin:0 auto;
	padding: 2;
	background-color: #F0F0EF;
	background-image: url('img/Page-BgGradient.jpg');
	background-repeat: repeat-x;
	background-attachment: ;
	background-position: top left;
	width: 90%;
	height: 100%;
	}
#contenedor {
	width: 790px;
	margin: 0 0 20px 0;
	font: 400 normal 12px/15px "lucida grande", verdana, helvetica, sans-serif;
	}
#cero {
	height: 95px;
	background: url(img/cero-back.gif) left top repeat-x;
	}
#buscador {
	float: right;
	width: 200px;
	height: 95px;
	background: url(img/cero-buscador.gif) left top no-repeat;
	}
#buscador div { margin: 50px 0 0 60px; }
#titulo {
	width: 590px;
	height: 95px;
	background: url(img/titulo.gif) left top no-repeat;
	}
#titulo img { border: none; }

/*Marzo 2012 se elimina greca2.gif se modifica height: 51px, para el menu superior*/
#opciones1 {
	height: 31px;  /* 34px; ALTO DE MENU SUPERIOR*/
	background: #F0F0EF /* url(img/greca2.gif) left top repeat-x; */
	overflow: hidden;
	}
/*Marzo 2012 se elimina greca2.gif se modifica padding: 18px 0 0 12px;*/
#opciones1 ul {
	list-style: none;
	width: auto;
	height: 16px;     /* 20px; */
	color: #F0F0EF;
	margin: 0;
	padding: 5px 0 0 12px; 
	font-size: 1px;
	}
#opciones1 li {
		margin: 1px;
	height: 18px;    /* 24px; */
	}
#opciones1 a { 
	display: block;
	padding: 16px 0 0 0;   /* 17px; */
	color: #F0F0EF;
	width: auto;
	height: auto;
	}
#opciones1 a:hover { 
	display: block;
	width: auto;
	height: auto;
	color:  #F0F0EF;
	}
#opciones1 div { 
	height: 51px;
	overflow: hidden;
	}

#audios {
	width: 80px;
	background: url(img/audios2.gif) 0px 0 no-repeat;
	float: left;
	}
#audios a:hover { background: url(img/audios.gif) 0px 0 no-repeat; }
/*sep 08 nuevo */

#noticias {
	width: 80px;
	background: url(img/noticias2.gif) 0px 0 no-repeat;
	float: left;
	}
#noticias a:hover { background: url(img/noticias.gif) 0px 0 no-repeat; }

#comunicados { 
	background: url(img/comunicados2.gif) 0px 0 no-repeat;
	/*Mar 12 old 97px*/
	width: 110px;
	float: left;
	}
#comunicados a:hover { background: url(img/comunicados.gif) 0px 0 no-repeat; }
#fotos { 
	background: url(img/fotos2.gif) 0px 0 no-repeat;
	/*Mar 12 old 51px*/
	width: 110px;
	float: left;
	}
#fotos a:hover { background: url(img/fotos2.gif) 0px 0 no-repeat; }
#eventos {
	/*Mar 12 old 62px*/
	width: 100px;
	/*Mar 12 old eventos2.gif*/
	background: url(img/amc-cronica2.gif) 0px 0 no-repeat;
	float: left;
	}
#eventos a:hover { background: url(img/amc-cronica2.gif) 0 0 no-repeat; }
#cronica {
	/*Mar 12 old 62px*/
	width: 100px;
	/*Mar 12 */
	background: url(img/amc-cronica2.gif) 0px 0 no-repeat;
	float: left;
	}
#cronica a:hover { background: url(img/amc-cronica2.gif) 0 0 no-repeat; }
#amc {
	/*Mar 12 old 80px*/
	width: 134px;
	background: url(img/amc-medios2.gif) 0px 0 no-repeat;
	float: left;
	}
#amc a:hover { background: url(img/amc-medios2.gif) 0 0 no-repeat; }
#amc-cronica {
	/*Mar 12 */
	width: 100px;
	background: url(img/amc-cronica2.gif) 0px 0 no-repeat;
	float: left;
	}
#amc-cronica a:hover { background: url(img/amc-cronica2.gif) 0 0 no-repeat; }
#programas {
	/*Mar 12 old 96px*/
	width: 110px;
	background: url(img/programas2.gif) 0px 0 no-repeat;
	float: left;
	}
#programas a:hover { background: url(img/programas2.gif) 0 0 no-repeat; }
#recursos {
	width: 88px;
	background: url(img/recursos2.gif) 0px 0 no-repeat;
	float: left;
	}
#recursos a:hover { background: url(img/recursos.gif) 0 0 no-repeat; }
#discursos {
	/*Mar 12 old 88px*/
	width: 110px;
	background: url(img/discursos2.gif) 0px 0 no-repeat;
	float: left;
	}
#discursos a:hover { background: url(img/discursos2.gif) 0 0 no-repeat; }
#vinculos {
	/*Mar 12 old 80px*/
	width: 86px;
	background: url(img/vinculos2.gif) 0px 0 no-repeat;
	float: left;
	}
#vinculos a:hover { background: url(img/vinculos2.gif) 0 0 no-repeat; }

#contacto {
	width: 86px;
	background: url(img/contacto2.gif) 0px 0 no-repeat;
	float: left;
	}
#contacto a:hover { background: url(img/contacto2.gif) 0 0 no-repeat; }
#izquierda {
	width: 160px;
	height: 1300px;
	margin: 0 5px;
	}
#izquierda ul {
	list-style: none;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 0;
	}
#izquierda a {
	display: block;
	font-weight: 800;
	margin: 0;
	width: auto;
	height: auto;
	padding: 0 0 10px 0;
	}
#izquierda a:link {
	color: #006;
	text-decoration: none;
	}
#izquierda a:visited {
	color: #339;
	text-decoration: none;
	}
#izquierda a:hover {
	color: #066;
	text-decoration: none;
	}
#izquierda img { border: none; }
#seminarios div, #biotec div, #milenio div, #revista div, #genero div, #agua div, #nobel div {
	overflow: hidden;
	width: 160px;
	height: 54px;
	margin: 0 0 5px 0;
	}
#seminarios a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-seminarios-2006.gif) top left no-repeat;
	}
#seminarios a:hover { background: url(img/boton-seminarios-2006-2.gif) top left no-repeat; }
#biotec a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-biotec-2006.gif) top left no-repeat;
	}
#biotec a:hover { background: url(img/boton-biotec-2006-2.gif) top left no-repeat; }
#milenio a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-milenio-2006.gif) top left no-repeat;
	}
#milenio a:hover { background: url(img/boton-milenio-2006-2.gif) top left no-repeat; }
#revista a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-ciencia-2006.gif) top left no-repeat;
	}
#revista a:hover { background: url(img/boton-ciencia-2006-2.gif) top left no-repeat; }
#genero a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-genero-2006.gif) top left no-repeat;
	}
#genero a:hover { background: url(img/boton-genero-2006-2.gif) top left no-repeat; }
#agua a {
	display: block;
	padding: 57px 0 0 0;
	background: url(img/boton-agua-2006.gif) top left no-repeat;
	}
#agua a:hover { background: url(img/boton-agua-2006-2.gif) top left no-repeat; }
 	
/*Febrero 2010 se modifica y se genera el 2	*/
#suscripcion {
	padding: 50px 0 0 0;
	height: 59px;
	margin: 0 0 15px 0;
	background: url(img/amc-correo3.gif) top left no-repeat;
	}
#suscrip2 { background: url(img/amc-correo3.gif) top left no-repeat; }
#suscrip2 a { padding: 48px 0 0 0; }
	
#rss div, #dir div, #home-amc div {
	overflow: hidden;
	width: 160px;
	height: 37px;
	margin: 0 0 25px 0;
	}
#rss { background: url(img/boton-rss-2.gif) top left no-repeat; }
#rss a { padding: 38px 0 0 0; }
#dir { background: url(img/boton-directorio-2.gif) top left no-repeat; }
#dir a { padding: 38px 0 0 0; }
#home-amc { background: url(img/boton-amc.gif) top left no-repeat; }
#home-amc a { padding: 38px 0 0 0; }
#archivos-mes { background: url(img/por-mes.gif) 0px 1px no-repeat; border-top: 1px solid #fff; }
#archivos-mes ul {
	border-bottom: 4px solid #066;
	padding: 37px 0 0 0;
	margin: 0;
	}
#archivos-mes li, #contexto div {
	border-left: 6px solid #066;
	padding: 3px 0;
	border-right: 6px solid #5C919E;
	}
#amc-unam {
	position: absolute;
	top: 8px;
	left: 7px;
	width: 113px;
	height: 81px;
	z-index: 10;
	}
#amc-unam a {
	display: block;
	width: 113px;
	height: 81px;
	}
#texto {
	margin: -1300px 0 0 170px;
	width: 449px;
	color: #333;
	padding: 0 0 10px 0;
	border-left: 1px solid #066;
	border-right: 1px solid #066;
	border-bottom: 1px solid #066;
	}
#texto2 {
	width: auto;
	height: 15px;
	border-top: 1px solid #066;
	}
h1 {
	margin: 0 0 17px 0;
	padding: 5px 10px 0 20px;
	font: normal 900 24px/30px "lucida grande", verdana, arial, sans-serif;
	color: #066;
	}
h1 a, #foto a { text-decoration: none; }
h2 {
	margin: -15px 10px 3px 20px;
	padding: 10px 0 0 0;
	clear: both;
	font: normal 900 18px/22px "lucida grande", verdana, arial, sans-serif;
	color: #000; /*28 sep 16 antes: #066 */
	}
h2 a {
	text-decoration: none;
	display: block;
	}
h1 a:link, h2 a:link, h3 a:link, #foto p a:link, #foto ul a:link, .fotos ul a:link, .fotos p a:link, .anteriores a:link, dd a:link { color: #066; }
h1 a:visited, h2 a:visited, h3 a:visited, #foto p a:visited, #foto ul a:visited, .fotos ul a:visited, .fotos p a:visited, .anteriores a:visited, dd a:visited { color: #399; }
h1 a:hover, h2 a:hover, h3 a:hover, #foto p a:hover, #foto ul a:hover, .fotos ul a:hover, .fotos p a:hover, .anteriores a:hover, dd a:hover {
	color: #009;
	}
h3 { margin: 0 0 10px 0; padding: 0; color: #066; }
h3 a {
	font: normal 900 13px/16px "lucida grande", verdana, arial, sans-serif;
	text-decoration: none;
	display: block;
	}
#foto p { font: normal 500 16px/20px "trebuchet ms", verdana, helvetica, sans-serif; }
#foto {
	margin: 10px 10px 20px 20px;
	width: auto;
	background: url(img/pleca3.gif) bottom left repeat-x;
	}
#foto dl {
	margin: 0 10px 14px 0;
	float: left;
	width: 200px;
	}
#foto img, .fotos img { border: none; }
#foto ul {
	margin: 0 0 16px 20px;
	padding: 0;
	}
#foto dd {
	font: normal 600 11px/13px arial, verdana, helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	}
.fotos {
	margin: 0px 10px 20px 20px;
	/*margin: 0px 10px 20px 20px; anterior*/
	width: auto;
	padding: 0px 10px 10px 0px;
	background: url(img/pleca3.gif) bottom left repeat-x;
	/* Moy Para: div class= fotos, noticias en portada */
	/*BORDER: #000 1px solid ;*/
	}
.fotos dl {
	margin: 0 0 16px 0;
	padding: 0;
	}
.fotos dd {
	/* 28-Sep-16 font: normal 500 13px/17px "trebuchet ms", verdana, helvetica, sans-serif; */
	font: normal 500 13px/17px "Calibri", verdana, helvetica, sans-serif;
	margin: -80px 0 0 95px; /*Abril 2015 margin: -80px 0 0 105px;  */	
	padding: 0 0 0 10px;
	}
.fotos p { margin: 0 0 16px 0; }
#top-comunicados, #autor { text-align: right; font-size: smaller; margin: 0; padding: 0 0 14px 0; }
/*Enero 2013 verificar parte inferior de Comunicados,Fotos y AMC en los medios, modificar el valor de height= */	
.anteriores {
	list-style: none;
	margin: 0;
	height: 130px;
	padding: 0 0 0 15px;
	}
.anteriores li {
	float: left;
	width: 110px;
	height: auto;
	margin: 0 3px;
	text-align: center;
	}
#contexto {
	background: url(img/en-contexto.gif) 0px 1px no-repeat;
	width: 160px;
	float: left;
	margin: 4px;
	border-bottom: 4px solid #066;
	}
#contexto div { margin: 37px 0 0 0; }
#barra-derecha {
	width: 160px;
	height: 1300px;
	margin: -1300px 0 0 625px;
	padding: 0;
	color: #066;
	font-size: 10px;
	font-family: arial;
	}
#barra-derecha img {
	border-style: none;
	border-width: 0;
	}
#barra-derecha ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	}
#barra-derecha li {
	padding: 10px 0 10px 0;
	margin: 0;
	}
#fecha {
	border: 1px solid #066;
	}