@charset "UTF-8";
/* CSS Document */

	
	body{
	margin:0px 0px 0px 0px; 
        background-color:#000;
	}
	
        
        #cabecera{
	width:1024px;
	height:180px;
        background-color:#000;
        background-image:url(../imagenes/banner_indexbn.jpg);
	}
        
        
        
        .contenedor{
	width:1024px;
	height:100%;
	margin:auto;
	}         	
	
	h1{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	padding-left:180px;
	padding-bottom:25px;
	padding-top:20px;
	}  

	p{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:180px;
	padding-right:90px;
	padding-bottom:10px;
	text-align:justify;
	word-spacing:1px;
	float:inherit;
	}
	
	#texto{
	width:1024px;
	height:100%;
	background-color:#ffffff;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.faldon{
	width:1024px;
	height:80px;
	background-color:#000;
	background-image:url(../imagenes/logo-footer.gif)
	}  
	
	img{
	float:relative;
	border:none;
	}

	

	


	
	.footer{position:relative; height:30px; width:100%;padding-top:10px;}
	.footer ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('footerImage.png') 0px -30px repeat-x; }
	.footer ul li{padding:0; margin:0; list-style:none; float:right; height:30px display:inline;}
	.footer ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(209,205,205); text-decoration:none; line-height:30px; display:block; background:url(	    'footerImage.png') 	100% -60px no-repeat; padding:0 17px 0 15px; }
	.footer ul li a:hover {text-decoration:underline; color:rbg(110,106,106);}
	.footer ul li a.active{background:none; color:rgb(245,110,110);}
	.footer ul li a.active:hover {text-decoration:none;}
	.footer .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 0% 0px no-repeat;}
	.footer .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 100% -90px no-repeat; }
	
	

      
/*--------------------------------*/
      
        /*800px*/
        
        @media screen and (max-width:800px){	


             /*estructura */               	
        

        
        #cabecera{
	width:800px;
	height:180px;
        background-color:#000;
        background-image:url(../imagenes/banner_indexbn2.jpg);
	}
        

        .contenedor{
	width:800px;
	height:100%;
	margin:auto;
	}        
                
        .faldon{
	width:800px;
	height:80px;
	background-color:#000;
        position:relative;
	background-image:url(../imagenes/logo-footer2.gif)
        }  
     
	
	.footer{position:relative; height:30px; width:100%;padding-top:10px;}
	.footer ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('footerImage.png') 0px -30px repeat-x; }
	.footer ul li{padding:0; margin:0; list-style:none; float:right; height:30px di splay:inline;}
	.footer ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(209,205,205); text-decoration:none; line-height:30px; display:block; background:url(	    'footerImage.png') 	100% -60px no-repeat; padding:0 17px 0 15px; }
	.footer ul li a:hover {text-decoration:underline; color:rbg(110,106,106);}
	.footer ul li a.active{background:none; color:rgb(245,110,110);}
	.footer ul li a.active:hover {text-decoration:none;}
	.footer .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 0% 0px no-repeat;}
	.footer .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 100% -90px no-repeat; }
	
        
        
 
        
        
        
        /*texto e imagen */
               
        
        .titulo{
	width:800px;
        height:65px;
	background-color:#ffffff;
        position:relative;
        }
                
	#texto{
	width:800px;
	height:100%;
	background-color:#ffffff;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	}
        
 
	p{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:50px;
	padding-right:90px;
	padding-bottom:10px;
	text-align:justify;
	word-spacing:1px;
	float:inherit;
	}
        
        h1{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	padding-left:50px;
	padding-bottom:25px;
	padding-top:20px;
	} 
        
        
        
} 
        
        
        
  /*--------------------------------*/
  
  
        /*phones 480px*/
  
             /*estructura */         

             
        @media screen and (max-width:480px){	
        
        #cabecera{
	width:480px;
	height:90px;
        background-image:url(../imagenes/banner_indexbn3.jpg);
	}
        

        .contenedor{
	width:480px;
	height:100%;
	margin:auto;
	}        
                
        .faldon{
	width:480px;
	height:80px;
	background-color:#000;
        position:relative;
	background-image:url(../imagenes/logo-footer3.gif)
        }  
     
	
	.footer{position:relative; height:30px; width:100%;padding-top:10px;}
	.footer ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('footerImage.png') 0px -30px repeat-x; }
	.footer ul li{padding:0; margin:0; list-style:none; float:right; height:30px di splay:inline;}
	.footer ul li a{font:9px Arial, Helvetica, sans-serif; color:rgb(209,205,205); text-decoration:none; line-height:30px; display:block; background:url('footerImage.png') 	100% -60px no-repeat; padding:0 17px 0 15px; }
	.footer ul li a:hover {text-decoration:underline; color:rbg(110,106,106);}
	.footer ul li a.active{background:none; color:rgb(245,110,110);}
	.footer ul li a.active:hover {text-decoration:none;}
	.footer .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 0% 0px no-repeat;}
	.footer .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('footerImage.png') 100% -90px no-repeat; }
	
        
 
        
        
        
        /*texto e imagen */
               
        
        .titulo{
	width:480px;
        height:65px;
	background-color:#ffffff;
        position:relative;
        }
                
	#texto{
	width:480px;
	height:100%;
	background-color:#ffffff;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	}
        
 
	p{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:8px;
	padding-left:50px;
	padding-right:90px;
	padding-bottom:10px;
	text-align:justify;
	word-spacing:1px;
	float:inherit;
	}
        
        h1{
	font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:oblique;
	text-decoration:underline;
	padding-left:50px;
	padding-bottom:25px;
	padding-top:20px;
	}  
        

  
      
  }