/*--------------------------------------------------------------------------
 Clic 2007
----------------------------------------------------------------------------
 File: generales.css
 Sitio: www.molinosymaquinarias.net
 	    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 #E6D9CC; 
 }
 #wrapper{
	width:774px;
	position:relative;
	margin-left:-387px;
	left:50%;
	background: #FFFFFF;
	margin-top:10px;
 }
 #header{
 	background: url(../img/header_bg.jpg) no-repeat top;
	width: 774px;
	height:287px;
	position:relative;
 }
 
 #body{
	background: url(../img/body_bg.jpg) repeat-y top;
	/* Solución de altura minima para navegadores más populares */
 }
 
 #contenido, .contenido{
 	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	padding-bottom:10px;
    /*-*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
 }


 #footer{
 	background: url(../img/footer_bg.jpg) no-repeat;
	width:774px;
	height:50px;
	position:relative;
	font-size:9pt !important;
	text-align:center;
	
 }
 
 #footerContent{
	padding-top:9px;
	height:41px;
 }
 
/* =Layout
-------------------------------------------------------------------*/

/* Header 
-------------------------------------------------------------------*/
 #banner {
	width:774px;
	height:40px; 
 }
 #logoAnimacion{
	position:relative; 
	height:199px;
	width:774px;
 }
 
 #logo{
	width:220px;
	height: 199px;
	top:0px;
	left:0px;
	position:absolute;
 }
 #animacion{
	width:554px;
	height:199px;
	left:220px;
	top:0px;
	position:absolute; 
 }
 
 #menu{
 	position:relative;
 }
 
 #quickLinks{
 	width:100px;
	height:13px;
	/*background:#B43B33;*/
	position:absolute;
	top:19px;
	left:664px;
 }

 #quickLinks ul li { 
 	list-style:none; 
	float:left;
	padding-left:15px;
 }

 #endHeader{
 	widht:774px;
	height:2px;
	background: url(../img/endHeader_bg.jpg) no-repeat;
 }

 #titleFoot{
	background: url(../img/title_pie.jpg) no-repeat;
	widht:762px;
	height:6px;
	margin-left:10px;
	margin-bottom:10px;
 }

/* =Header
------------------------------------------------------------------*/
/* Footer 
------------------------------------------------------------------*/
 
 #footer span{
 	font-weight:bold;
 }
 
 #footer a{
 	color:#000000; 
	text-decoration:none;
  }
 #footer a:hover{
  	color:#000000;
 	text-decoration:underline; 
  }
  #foooter a:visited{
 	color:#000000; 
  }
 
/*------------------------------------------------
  URL de pie de página de CLIC*/
 #clic {
	position:relative; 
 }
 #clicUrl
 {
	position:absolute;
    right:5px; 
	top:4.5em;
	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;
}

ul#linksColegio  li { 
 	list-style:none; 
	float:left;
	padding-left:9px;
	padding-bottom:5px;
 }

/*clases para fotos de historia */
.pieFoto {
	padding:4px;
	padding-right:6px;
	padding-left:6px;
	text-align:justify;
	font-size:8pt;

}

td.tfoto { vertical-align:top; text-align:center;}

#contador{ padding:3px; font-size:7pt; font-weight:bold;}
#contador * {vertical-align:middle} 

/* Historia */
#tblPresidentes { width:400px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
table#tblPresidentes thead th { text-transform:uppercase; text-align:center;}
table#tblPresidentes  td { text-transform:capitalize; }

h2.presidentes { text-align:center;}

/* PopUp*/
body.popup { width:564px; height:227px; background:none;}

/* Diccionario de terminos */
.diccionarioTerminos ul { margin-left:30px; margin-right:20px;}
.diccionarioTerminos ul li{ padding-bottom:5px; padding-top:5px;}