/*
 * UNIVERSIDAD DE GUADALAJARA
 * Modelo web para el desarrollo de sitios web universitarios
 *
 * DrUDG 0.13
 *
 * ESTILOS DEL LAYOUT
 * Por: Genaro Ram�rez y Felipe Neville
 * Mayo 2010
 *
 * Define clases CSS para crear un layout de 3, 2 o una columna libre de tablas
 * dependiendo si los bloques est�n activados en alguna de las columnas.
 *
 * Este layout est� basado en el Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Esta hoja de CSS solo afecta el layout (posici�n) de los principales elementos listados aqu�,
 * como lo son:
 * display, position, float, clear, width, height, min-width, min-height
 * margin, border, padding, overflow
 */
* {
	padding:0;
	margin:0;
}
/** body / cuerpo **/
  body {
	margin: 0 auto;
}
#page, #closure-blocks {
	/*
     * Si deseas un p�gina de ancho fijo y centrada en la ventana,
     * esta es la forma estandar para hacerlo. Ve�se tambi�n en el archivo ie.css.
     * Para IE5 es necesario forzar el centrado del div.
     */
    height:100%;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	width:970px;
}
#page-inner {
}

#navigation-top, #navigation {
	position: absolute; /* Coloca las anclas fuera del flujo del documento  */
	left: -10000px;     /* y previene que cuakquier estilo de ancla aparezca. */
}
#skip-to-nav {
	float: right;
	margin: 0 !important;
	font-size: 0.8em;
}
#skip-to-nav a:link, #skip-to-nav a:visited {
	color: #fff; /* El mismo color de fondo de la p�gina */
}
#skip-to-nav a:hover {
	color: #000;
	text-decoration: none;
}
/* Por otra parte, el enlace skip-to-nav puede ocultarse completamente hasta que las pesta�as de usuario activen el v�nculo.
Descomenta el siguiente fragmento de CSS para usar �sta t�cnica
*/
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header / encabezado **/
  #header {
	width: 970px;
	clear:both;
}
#header-inner {
}
#logo-title {
}
#logo {
	float: left;
}
#site-name {
}
#site-slogan {
}
#header-blocks {
	clear: both; /* despeja los bloques bajo el logo */
}
#sign {
	height: 82px;
	clear:both;
}
#wrap_sign_aux {
	float: right;
	width:700px;
	height: 80px;
	margin:0;
}
#aux_navigation {
	height:30px;
	text-align: right;
	float: right;
}
.links {
}
#sign_date {
}
#wrap_title {
	margin:0px;
	padding:0px;
	width: 970px;
	height: 54px;
	clear:both;
}
#title {
	height: 54px;
	float: left;
	width: auto;
	clear:both;
	padding: 0px;
}
#aux_title {
	float:right;
	width: 240px;
	height: 54px;
	overflow:hidden;
}

#navbar {
	height:47px;
/* overflow: hidden; Puede ser necesario remover esto si se usa un men� desplegable horizontal*/
  }
#alert {

  }
/** main (contenedor principal) **/
#main {
	position: relative;
	padding-bottom:2em;
}
#main-inner {
	display:inline;
}
/** content /contenido **/
  #content, .no-sidebars #content {
	float: left;
	width: 970px;
	margin-left: 0;
	/*margin-right: -970px; Valor negativo para el ancho + margen izquierdo de #content */
	padding: 0; /* NO CAMBIAR. A�ade relleno o margen a to #content-inner */
}
#sidebar-left {
float:left;
margin-left:0;
padding:0;
width:240px;
}
.sidebar-left #content {
	width: 720px;/*padding-left: 240px;*//*margin-left: 240px;  /* El ancho para #sidebar-left. */
	/*margin-right: -970px;  Valor negativo del ancho + margen izquierdo de  #content */
}
.sidebar-right #content {
	width: 720px;
	margin-left: 0;/*margin-right: -730px;  Valor Negativo del ancho + margen izquierdo de #content's */
}
.no-sidebars #content {
	width:960px;
}
.two-sidebars #content {
	width: 480px;/*padding-left: 240px; El ancho de #sidebar-left *//*margin-right: -730px; Valor Negativo del ancho + margen izquierdo de #content */
}
#content-inner {
	margin: 0;
	padding: 0;
}
/** M.V. poner en fondo barra de MENU **/
  
  #navbar {
	position:inherit;
	z-index:900;
}
.with-navbar #content, .with-navbar #sidebar-left, .with-navbar #sidebar-right {
	margin-top: 3.6em; /* Ponga el mismo valor de la altura del navbar superior */
}
#navbar-inner {
}
#search-box {
	/*margin-right: -200px;  Valor negativo del ancho de #search-box */
	float: right;
	clear:both;
}
#primary {
/*  margin-left: 200px;   Ancho de search-box */
  }
#secondary {
	margin-left: 200px; /* Ancho de search-box */
}
/* Hay muchos m�todos para hacer que los enlaces del navbar aparezcan en una linea.
   * Aqu� una alternativa: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left / columna izquierda **/
#sidebar-left {
	float: left;
	width: 240px;
	margin-left: 0;
	/*margin-right: -240px;  Valor negativo del ancho + margen izquierdo de #sidebar-left*/
	padding: 0; /* NO CAMBIAR. A�ade relleno o magen a #sidebar-left-inner. */
}
#sidebar-left-inner {
	margin: 0;
	padding-left: 10px;
}
/** sidebar-right / columna derecha**/
  #sidebar-right {
	float: right;
	width: 230px;
	margin-right:10px;
	/*padding-left: 730px;  Ancho de content + sidebar-left. */
	/*margin-right: -970px;  Valor negativo del ancho + margen izquierdo de #sidebar-right */
	padding-botton: 0; /* NO CAMBIAR. A�ade relleno o magen a #sidebar-right-inner. */
	padding-right: 0; /* NO CAMBIAR. A�ade relleno o magen a #sidebar-right-inner. */
	padding-top: 0; /* NO CAMBIAR. A�ade relleno o magen a #sidebar-right-inner. *//*margin:0px;*/
}
#sidebar-right-inner {
	margin: 0;
	padding:0px;/*padding: 10px 0 0 10px;*/
}
/** footer **/

#footer {
	width: 100%;
	margin: 0;
	padding:0;
}
#footer-inner {
	width: 970px;
	margin: 0 auto;
}
#footer_firm {
	margin:0;
	width:435px;
	min-height:50px;
}
#footer_menu {
	padding:1.5em 10px 0 0;
	float: right;
	margin:0;
	width:465px;
}
#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */ {
	padding:1em 0;
	clear:both;
}
/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */ {
}
/** Prevent overflowing content **/
  #header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks {
	overflow: visible;
/*M.V*/	/* word-wrap: break-word; */
}

/* Si un div.clear-block no tiene contenido Firefox o Safari pueden agregar err�neamente algunos p�xeles de espacio entre la base del div y la parte inferior de la ventana. Con esto se soluciona*/
  #page {
} /*Propiedad de CSS3 overflow-y: hidden;*/
#autocomplete {
	left:auto;
	position: absolute;
	z-index:999;
}
.content_login {
	float:left;
}
.content_secundary_links {
	float:left;
}
.clear-both {
	clear:both;
}
#block-udg-poll-0 {
	padding: 10px 0 0 10px;
}
#sidebar-right-inner #block-udg-menu_block-1 {
	padding-left: 10px;
}