/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: layout.css
 Gerardo Gonzalez Flores
gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
 --------------------------------------------------------------------------*/
/* Layout
 -------------------------------------------------------------------*/
html { } /* es correcto? */
body {
	background: url(../img/body-bg.png) #DEE5C7 repeat-x top left;
}


#wrapper {
    width: 774px;
    position: relative;
    margin-left: -387px;
    left: 50%;
    background-image: none;
	/*background:  url(../img/body-bg.png) repeat-y top center;*/
}


#header{
	width: 774px;
	height:309px;
	position: relative;
	background: url(../img/banner-vacio.jpg)  198px 69px  no-repeat;
}



#body{
	background:#FFFFFF;
	background: url(../img/page-bg.png)  repeat-y;
}



#footer {
	background: url(../img/footer-bg.png) #C1CA75 repeat-y;
	width:774px;
	padding-top:5px;
	color:#000000;
	text-align: center;
}

#footerBottom{
	background: url(../img/footer-bg-bottom.jpg) no-repeat top;
    min-height: 11px;
	height: auto !important;
	height: 11px;
	padding-top:12px;
	text-align: right;
    padding-right: 10px;
    padding-bottom:10px;
}

#footerBottom * {
	color:#000000;
	font-size:8pt;
}

#footer *{
	color:#000000;
}

/* Header */

ul#menu{
	width: 198px;
	height: 248px;
	background: url(../img/menu-bg.jpg) no-repeat;
	position:absolute;
	top:69px;
	left:0px;
	
}

#logotipo{
	width: 356px;
	height: 69px;
	background: url(../img/rivera-y-flores-logo.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:13px;
	
}

#logotipo h1 span { display:none }


#banner {
	position:absolute;
	width:576px;
	height:240px;
	left:198px;
	top:68px;

}

#bannerContenido{
	width:573px;
	height:228px;
	position:absolute;
	top:7px;
	left:0px
	
}



/* Contenido */
.imagen {border:#A1AC45 1px solid; padding:1px;}
#body #contentHeader{
	background: url(../img/titles-bg.jpg);
	width:774px;
	height:37px;
}

#contenido, .contenido {
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	min-height:400px;
	height: auto !important;
	height:400px;
	text-align:justify;
}



/*** MENU ***/
/*ul#menu {
 	position:relative;
	width:222px;
	height:312px;
 }*/
 
 ul#menu, ul#menu li {
 	position:absolute;
	
	padding:0px;
	margin:0px;
 }
 
 ul#menu li a span {display:none}

 ul#menu li {position:absolute; height:49px; background: url(../img/menu/menu-sep.jpg) no-repeat bottom; }
 ul#menu a { display:block; width:194px; height:48px;}
 
 ul#menu li#quienesSomos { left:4px; top:19px; }
 ul#menu li#servicios { left:4px; top:69px;}
/* ul#menu li#ubicacion { left:4px; top:119px;}*/
  ul#menu li#socios { left:4px; top:119px;}
 ul#menu li#contacto { left:4px; top:169px;}
 
 ul#menu li#quienesSomos a { background: url(../img/menu/quienes-somos.jpg) 0px -49px  no-repeat; }
 ul#menu li#quienesSomos a:hover { background: url(../img/menu/quienes-somos.jpg) 0px 1px  no-repeat; }
 
 ul#menu li#servicios a {  background: url(../img/menu/servicios.jpg) 0px -49px no-repeat; }
 ul#menu li#servicios a:hover { background: url(../img/menu/servicios.jpg) 0px 1px  no-repeat; }
 
  ul#menu li#socios a {  background: url(../img/menu/socios.jpg) 0px -49px no-repeat; }
 ul#menu li#socios a:hover { background: url(../img/menu/socios.jpg) 0px 1px  no-repeat; }
 
 ul#menu li#ubicacion a {  background: url(../img/menu/ubicacion.jpg) 0px -49px no-repeat;  }
 ul#menu li#ubicacion a:hover { background: url(../img/menu/ubicacion.jpg) 0px 1px  no-repeat; }

 ul#menu li#contacto a {  background: url(../img/menu/contacto.jpg)  0px -49px no-repeat;  }
 ul#menu li#contacto a:hover { background: url(../img/menu/contacto.jpg) 0px 1px  no-repeat; }
 ul#menu li#contacto { background:none;}
 
 /** en ingles **/
#en ul#menu li#quienesSomos a { background: url(../img/menu/who-are-we.jpg) 0px -49px  no-repeat; }
#en ul#menu li#quienesSomos a:hover { background: url(../img/menu/who-are-we.jpg) 0px 1px  no-repeat; }
 
#en ul#menu li#servicios a {  background: url(../img/menu/services.jpg) 0px -49px no-repeat; }
#en ul#menu li#servicios a:hover { background: url(../img/menu/services.jpg) 0px 1px  no-repeat; }
 
#en ul#menu li#socios a {  background: url(../img/menu/partners.jpg) 0px -49px no-repeat; }
#en ul#menu li#socios a:hover { background: url(../img/menu/partners.jpg) 0px 1px  no-repeat; }
 
#en ul#menu li#ubicacion a {  background: url(../img/menu/ubicacion.jpg) 0px -49px no-repeat;  }
#en ul#menu li#ubicacion a:hover { background: url(../img/menu/ubicacion.jpg) 0px 1px  no-repeat; }

#en ul#menu li#contacto a {  background: url(../img/menu/contact-us.jpg)  0px -49px no-repeat;  }
#en ul#menu li#contacto a:hover { background: url(../img/menu/contact-us.jpg) 0px 1px  no-repeat; }
#en ul#menu li#contacto { background:none;}
 
 
 
 /***/

/*** QUICKLINKS ***/
#lang {
	position:absolute;
	right:20px;
	top:10px;
	font-size:8pt;
}
 
 #quickLinks {
 	position:absolute;
	height:44px;
	width:138px;
	top:25px;
	left:615px;
	background: url(../img/quicklinks-bg.jpg);
	/*border:1px solid;*/
 }
 ul#quickLinks, ul#quickLinks li { padding:0px; margin:0px}

 #quickLinks li{ list-style:none;  background: none;}
 #quickLinks  li.home,  #quickLinks  li.contact, #quickLinks  li.siteMap {	position:absolute; }

 #quickLinks a { display:block; width:23px; height:16px; }
 #quickLinks a span { display:none;}

 #quickLinks  li.home    { left:10px; top:26px;}
 #quickLinks  li.contact { left:33px; top:26px;}
 #quickLinks  li.siteMap { left:56px; top:26px;}
 
 #quickLinks  li.home a { background: url(../img/home.gif) 50% 50% no-repeat;  }
 #quickLinks  li.home a:hover { background: url(../img/home.gif) 50% 50% #534524 no-repeat; }
 
 #quickLinks  li.contact a {  background: url(../img/contacto.gif)  50% 50% no-repeat;  }
 #quickLinks  li.contact a:hover { background: url(../img/contacto.gif) 50% 50% #534524 no-repeat; }
 
 #quickLinks  li.siteMap a { background: url(../img/mapa-sitio.gif)  50% 50% no-repeat; }
 #quickLinks  li.siteMap a:hover { background: url(../img/mapa-sitio.gif) 50% 50% #534524 no-repeat; }

/* Socios */
.ficha{ clear:both;  }
.separador { background: url(../img/separador.gif) repeat-x 50%;
			height:1px; 
			width:80%; 
			text-align:center; 
			padding:5px;
			margin-left:auto;
			margin-right:auto;
			clear:both;
			margin-top:10px;
			
			}
.correo {
	text-align:right;
	padding:5px;
	padding-top:none;
	padding-top:none;
}