/* CSS Document */
* {	margin: 0;
	padding: 0;}
	
html, body{
    margin: 0;
    padding: 0;}	

body { 
	background-color:#000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62%; color:#b1b0b0; }
	
 /*------------- h ------------------*/
h1{ /*titulo*/
	font: 1.8em  Tahoma, Helvetica, Sans-serif;
	color:#CCC; 
	padding-top:120px} 

h3{ /*secciones*/	
	font: 1.4em  Tahoma, Helvetica, Sans-serif;
	color:#CCC;
	text-align:left}	
		
	
/*------------------------ enlaces ------------------- */
a.enlace3:link,a.enlace3:visited,a.enlace3:active,a.enlace3:hover{ /*menu*/
	color: #CCC;
	text-decoration: none;
	font:bold 1.6em Tahoma, Helvetica, Arial, sans-serif; }
a.enlace3:hover{
	color: #FFF;
	background-color:#1e1e1e}


a.enlace,a.enlace:hover { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:none}	
	
a.enlace:hover{ 
	text-decoration: underline;
	color:#CCC;}
	
a.enlace2,a.enlace2:hover { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#FFF;
	text-decoration:underline;}	
	
a.enlace2:hover{ 
	text-decoration:none;
	color:#CCC;}	
	
 /*------------- clases generales ------------------*/
.limpia_flujo {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;}	

/*------------------------ contenedor ------------------- */
#fondo-body{ 
	position:absolute;
	width:100%;
	height:154px;
	background:url(../gallery/bckgr-body.jpg) repeat-x;
	z-index:0;}
	
#contenedor { 
	margin:0 auto;
	width:990px;}
	
#cabecera { 
	width:990px;
	height:155px;
	background:url(../gallery/cabecera.jpg) no-repeat;}	
	
/*------------------------ menu ------------------- */
#menu{ 
	margin:0 auto;
	width:100%; 
	background:url(../gallery/menu-bckgr-new.gif) repeat-x;
	height:30px;
	text-align:center}
	
#menu h2 { 
	font:1.1em  Tahoma, Helvetica, Sans-serif;
	text-align:center; 
	display:inline; 
	padding:0 5px; 
	border-right:1px solid #666;}	
	
	
/*------------------------ izquierda ------------------- */		
#izquierda{ 
	width:490px;
	font-size:1.2em;
	text-align:center;
	float:left; 
	padding-top:20px}
	
#izquierda p{ 
	text-align: justify}	
	
#izquierda img{ 
	margin:18px;}
/*------------------------ derecha ------------------- */		
#derecha{ 
	width:490px;
	font-size:1.2em; /*no hace caso ??!! */
	text-align:center;
	float: left; 
	background:url(../gallery/linea-vertical.gif) no-repeat top left;
	margin-left:10px;
	margin-top:20px;
	padding:10px 0}
	
#derecha li{ 
	float:none } 	
	
.columna{ 
	width:220px;
	float:left;
	margin-left:15px;}
	
.columna li{ 
	list-style-type:none;
	font-size:1.0em; 
	text-align:left}		

/*------------------------ pie ------------------- */		
#pie { 
	margin-top:15px;
	padding-top:5px;
	text-align:center;
	width:990px;
	font-size:1.2em;
	border-top: double #4b4b4c}	

/*------------------------ enlace web pompagrafica - xhtml, css valido ------------------- */	
#pompagrafica{ 
	width:990px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;}	
	
#pompagrafica img{ 
	padding-left:10px;
	border:none;}	
	
.margen-valido{ 
	padding-left:600px}