/*
// Cabecera                            // Centro
 ---------------------------------      ---------------------------------
| contenedorCabecera              |    | contenedo                       |
|                                 |    |                                 |
|  -----------------------------  |    |  -----------------------------  |
| | header / headerF (cabecera) | |    | | contenedorCentro            | |
| |                             | |    | |                             | |
| |  -------------------------  | |    | |  -------------------------  | |
| | | header2 / header2F      | | |    | | | center                  | | |
| | | usado para alto e img iz| | |    | | |                         | | |  
| |  -------------------------  | |    | | |                         | | |
| |  -------------------------  | |    | | |                         | | |
| | | menuSup                 | | |    | | |                         | | |
| | |                         | | |    | | |                         | | |
| |  -------------------------  | |    | |  -------------------------  | |
|  -----------------------------  |    | |  -------------------------  | |
 ---------------------------------     | | | left                    | | |
                                       | | |                         | | |
// Pie                                 | |  -------------------------  | |
 ---------------------------------     |  -----------------------------  |
| contenedorPie                   |     ---------------------------------
|                                 |
|  -----------------------------  |
| |                             | |
| |                             | |
| |  -------------------------  | |
| | | footer                  | | |
| | |                         | | |
| |  -------------------------  | |
|  -----------------------------  |
 ---------------------------------

 */

/* # secciones ###############################################*/  
    * { margin:0;    padding:0; }
	
	body {  
        background : #ddd url(img/body2.jpg) repeat; 
        /*background : #ddd url(img/body2.jpg) repeat-x; */
		font:95% Arial,Verdana,sans-serif; 
        line-height:125%; /* Altura entre las bases del texto */
		max-width: 1280px;
    }

    #contenedorCabecera { /* contenedor principal del centro */
    	width:98%; /* ancho del contenedor cabecera, establece el acho de esta */
        margin:0px auto 0px auto; /* auto para que se reparta equitativamente a iz y derch cuando no ocupa toda la pantalla, el resto de margenes el margen que se quiera */
        display: block;          
    }   
	      
    #contenedo { /* contenedor principal del centro*/
        width:98%;  /* ancho del contenedor centro, establece el acho de este */
        margin:0px auto 0px auto; /* auto para que se reparta equitativamente a iz y derch cuando no ocupa toda la pantalla, el resto de margenes el margen que se quiera */
        background:#F7F7F7;   /* Se usa si hay 3 columas*/			
		display: block;  		
    }

	#contenedorPie { /* contenedor principal del pie */
    	width:98%; /* ancho del contenedor pie, establece el acho de este */
        margin:8px auto 10px auto; /* auto para que se reparta equitativamente a iz y derch cuando no ocupa toda la pantalla, el resto de margenes el margen que se quiera */
        display: block;    
    }   
  
	#contenedorCentro2 { /* se para 2 columnas, engloba a centro e iz */
        background:#F7F7F7;
    	/*background : #F7F7F7 url(img/body2.jpg) repeat; 	/*todo	*/
		width:99%;       
		display: block;
		overflow:hidden;
		margin:0px auto 0px auto;
		padding: 0 0.5%;
 	 /*padding-bottom: 100px;
		margin-bottom: -100px; */
     }
	 	 	
	#contenedorCentro3 { /* se para 3 columnas, engloba a centro e iz, quedado dcha dentro del bloque padre */
        background:#F7F7F7;
    	width:99.5%;       
		display: block;
		overflow:hidden;
		margin:0px auto 0px auto;
		float:left;    /* si se quieren 3 columnas, debe estar a la izquierda */
    }

    #center { /* Usado en contenedorCentro */       
		/*background : #FFF url("img/fond2.gif") repeat-x ; */   	
		/*background:#FFF;*/
		background:#F7F7F7;
		width:82%;   	
        float: right;		
		margin:8px 0% 15px 0%;		
        padding: 0px;    
		;	
		/*HEIGHT: 600%;
			padding-bottom: 100px;
			margin-bottom: -100px;
			min-height:600px;
		*/
    }
      
    #left {
        background:#F7F7F7;   
		/*background : #F7F7F7 url(img/body2.jpg) repeat; 	/*todo	*/
        width:17.5%;	
		margin:8px 0% 0px 0%;	
        float: left;   
        overflow: hidden;               
		padding: 0px;    
    }

	#right {
        background:#F7F7F7;
    	width:17.5%;
    	float:right;       
		overflow: hidden;               
    } 

    #footer {	    
        /*width:99%;*/
		/*float:left;*/
		clear:both;
		background:#fff;       
		font: 0.9em/1 Arial,Verdana,sans-serif;               
        text-align:center;   	
		;
		/*;*/
	}
   
    #header {
        background:#f00 url(img/masbkgd.jpg) repeat-x left;
		padding-left:20px;
        padding-right:20px;    
	 }

	#header  a {display: block; width: 100%; }
	 
	#headerF {
        background:#f00 url(img/masbkgd.jpg) repeat-x left;
        padding-left:20px;
        padding-right:20px;            
		
     }  
     
    #header2 {
        background: transparent url(img/EuP.gif) no-repeat right; 
        height:130px;

    }

    #header3 {
        background: transparent url(img/EsGliuP2.gif) no-repeat left; 
        height:130px;
    }

    #headerF2 {
        background: transparent url(img/banner.gif) no-repeat right;        
        height:50px;
    }
       
   /*  #left2 {
        background:#F7F7F7;   	
        width:100%;
        float:left;      
        //padding: 0 % 0 0;
	    overflow: hidden; 
        font: 86% Arial,Verdana,sans-serif;         
    }*/
	

    /*	#contenedor:after{ /* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
	/*        content:".";
    }*/