/*--------------------------------------------------------------------------
 Clic 2007
----------------------------------------------------------------------------
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
--------------------------------------------------------------------------*/


/* Layout
-------------------------------------------------------------------*/
 body {
	background:  url(../img/page_bg.jpg) repeat-x top #CECECE; 
	
 }
 #wrapper{
 	margin-top:8px;
	width:774px;
	position:relative;
	margin-left:-387px;
	left:50%;
	background-image:none;
	
 }
 #header{
 	background: url(../img/header_bg.gif) no-repeat top;
	width: 774px;
	height:71px;
	position:relative;
 }
 
 #bannerMenu{
 	width:774px;
	height: 211px;
	background: url(../img/banner_menu_bg.jpg) no-repeat;
 }
 #bodyWrapper{
	background: url(../img/body_bg_top.jpg) #FFFFFF no-repeat top;

 }
 #body{
	background: url(../img/body_bg_bottom.jpg) no-repeat bottom;
	/* Solución de altura minima para navegadores más populares */
	
 
 }
 
 #contenido{
 	padding-left:8px;
	padding-right:8px;
	text-align:justify;
	padding-bottom:10px;
    /*-*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
 }
 .contenido{
	padding-bottom:10px;
    /*-*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
 }

 #footerHead{
 	background: url(../img/foot_head.jpg) no-repeat;
	width:774px;
	height:2px; /* 64px =  Height + padding-top */
	position:relative;
	clear:both;
 }
 #footer{
 	background: url(../img/foot_repeat_bg.jpg) repeat-y;
	width:774px;
	font-size:8pt;
	color:#FFFFFF;
	text-align:center;
	
 }
 
 #footerContent{
 	background: url(../img/foot_bg.jpg) no-repeat bottom;
	width:774px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	
 }
/* =Layout
-------------------------------------------------------------------*/

/* Header 
-------------------------------------------------------------------*/
 #logo {
 	background: url(../img/logo.jpg) no-repeat;
	width: 283px;
	height: 66px;
	position:absolute;
	top: 3px;
	left:8px;
 }
 #quickLinks{
 	font-size: 0px;
	width:91px;
	height:32px;
	/*background:#B43B33;*/
	position:absolute;
	top:19px;
	left:413px;
 }
 #quickLinks * {font-size: 0px;}
 #quickLinks li{ list-style:none; background: none; padding:0px 5px 0px 0px; margin:0px;}
 
 #login{
 	width:257px;
	height:45px;
	background: url(../img/loginBg.jpg) no-repeat;
	position:absolute;
	top:10px;
	left:510px;
 }
 #language{
 	text-align:center;
 }
 #language a{
	color:#FFFFFF;
	text-decoration:none;
 }
 #language a:hover{
 	text-decoration:underline;
 }
 #iconsLinks{
 	width:106px;
	margin-left:auto;
	margin-right:auto;
 }
 #iconsLinks *{
 	vertical-align:middle;
 }
 #iconsLinks li{
 	/* float:left */
	display:inline;
 	margin-left:auto;
	margin-right:auto;
	list-style:none;
 }
 #language{
 	color:#FFFFFF;
	font-size:8pt;
	padding-top:10px;
 }

/* =Header
------------------------------------------------------------------*/
/* Footer 
------------------------------------------------------------------*/

 #footSiteMap{
 	text-align:center;
	font-size:8pt; 
	color:#000000;
	padding-bottom:5px;
	clear:both;
 }
 
 #footSiteMap a{
 	color:#000000; 
	text-decoration:none;
  }
 #footSiteMap a:hover{
  	color:#000000;
 	text-decoration:underline; 
  }
  #footSiteMap a:visited{
 	color:#000000; 
  }
 #footer span{
 	font-weight:bold;
 }
 
 #footer a{
 	color:#FFFFFF; 
	text-decoration:none;
  }
 #footer a:hover{
  	color:#FFFFFF;
 	text-decoration:underline; 
  }
  #foooter a:visited{
 	color:#FFFFFF; 
  }
 
/* URL de pie de página de CLIC*/
 #clic {
	position:relative; 
 }
 #clicUrl
 {
	position:absolute;
    right:5px; 
	top:1px;
	color:#000000;
	text-decoration:none;
	display:block;
 } 
 #clicUrl h3{
	background:none;
	font-weight:normal; 
	font-size:7pt;
 }

/* =Footer
-------------------------------------------------------------------*/


ul#siteMap li{
 	list-style:none;
}

ul#credits li{
	list-style:none;
}

#siteMap a{
	color:#000000;
}
/* Barra Lateral */
	#barraLateral 
	{	
		width:198px;
		float:right;
		margin-right:7px;
		margin-top:11px;
	}
	
	#barraLateral a{ }
	#barraLateral a:hover{ text-decoration:underline; }
	#barraLateral a:visited{}
	
	#barraLateral .barraLat
	{
		background: url(../img/barra-lateral-bg.jpg) repeat-y;
		padding:0px;
	}
	#barraLateral .separacion{ margin-top:10px;}
	#barraLateral .foot
	{
		background: url(../img/barra-lateral-bottom.jpg) no-repeat  bottom;
		height:9px;
	
	}
	#barraLateral ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#barraLateral ul li{
		list-style:none;
		list-style-image: none;
		padding-left:16px; 
		background:url(../img/bullet2.jpg) no-repeat 3px .3em
	/*font-weight:bold;*/
}
/*= Barra Lateral
------------------------------- */
 #ligasInteres table
 {
 	width:95%;
	/*border:1px solid;*/
 }
 
 #ligasInteres table td { padding-bottom:10px;}
ul.curriculum{ padding-left:25px;  padding-top:10px; width:70%; }
#imgArticulos {text-align:right; margin-top:11px; margin-right:1px}
#ubicacionConcentro{ float:right; width:362px; padding-top: 4px; margin: 0 0 2px 0px;}
#contenido a { color:#282B4D}
#contador img { padding-bottom:9px;}