/*@font-face {  
    
   font-family: 'Century Gothic';  
     
   src: url(gothic.eot);  
      
   src: local('Century Gothic'),  
      
   url(gothic.ttf) format('truetype');  
     
   } */

body
 {
 	background:#fafafa;
 	/*background-image:url("imagenes/texturas/hormigon.jpg");
 	background-repeat:repeat;*/
 	font-family: Century Gothic,Sans-Serif; 	
 	margin:0; 	
 	border-width:0;  	
 	}
a
{
    outline-style:none;		
}
#cargando
{
    width:48px;
    height:48px;
    position: absolute; /*--Set positioning to absolute--*/
    top: 50%; /*--Set top coordinate to 50%--*/
    left: 50%; /*--Set left coordinate to 50%--*/
    margin: -24px 0 0 -24px; /*--Set negative top/left margin--*/
}
#container	
{
    display:none; 
	width: 950px;	
	/*position: absolute; 
	top: 50%; 
	left: 50%; 
	margin: -350px 0 0 -450px; */
	/*position: absolute; 
	top: 50px;
	left: 50%; 	
	margin: 0 0 0 -450px;*/
	margin: 10px auto auto auto
}
#logotipo
{
    position:absolute;
    top:20px;
    left:20px;
    height: 47px; 
    width: 168px;   
    float:left;    
}
.lateral
{
    float:right;
    border:0;
      
}
#header
{
	background:#ccc;	
	background-image: url("imagenes/texturas/cabecera.jpg");
	height: 90px;
	position:relative;
}
#header h1
 {
     position:absolute;
     top: 30px;
     left:200px;
 margin: 0;
 margin-left:10px; 
 display: inline; 
 color: #f1d60f;
 font-size: 30px;
 font-weight: lighter;
 float:left;
 }

#navigation
{
    
    font-size: smaller;
	float:left;
	width: 950px;
	background:#333;
	clear:both;
	
}

#navigation ul
{
    float:right;
	margin: 0;
	padding: 0;		
}

#navigation ul li
{
	list-style-type: none;
	display: inline;	
}

/*#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#fff;
	text-decoration: none;	
	border-right:0px;	
	background-color:#333;
}*/
.btnnavigation
{
    display: block;
	float: left;
	padding: 5px 10px;
	color:#fff;
	text-decoration: none;	
	border-right:0px;	
	background-color:#333;
}


/*#navigation li a:hover { background-color: #FF2; color:#000 }*/

#content
{
	clear: left;	
	height: 500px;
	width: 100%;
	position:relative;	
	margin:0;	
	/*background-color: #f1d60f*/
	}

#footer
{
	background:#333;	
	height: 30px;
	clear:both;
	font-size: 10px;
    color:White; 
    padding: 0;
}
#copyright
{
 float:left;   
 padding-top: 8px;
 padding-right: 8px;   
}

#copyright a
{
	color: #ccc;
}

#direccion
{
    float:right;
    padding-right: 8px;
}