/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */

@font-face {
 font-family: MyCustomFont2;
 src: url("../ariblk.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont2;
 src: url("../ariblk.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: MyCustomFont;
 src: url("../Harabara.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("../Harabara.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: MyCustomFont3;
 src: url("../ozone.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont3;
 src: url("../ozone.ttf") /* TTF file for CSS3 browsers */
}

a img { border:none; }
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 100%;
			
			
		}
	/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}

#body {
  
   padding-bottom:180px;   /* Height of the footer */
}

#body2 {
  
   padding-bottom:30px;   /* Height of the footer */
}
#body3 {
  
   padding-bottom:100px;   /* Height of the footer */
}
#footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:180px;    /* Height of the footer */
   text-align:right;
   font-size:8pt;
   color:#FFF;
   float:right;
   z-index:5; font-family:Arial, Helvetica, sans-serif;
   
   
}
#footer2 {
   position:fixed;
   bottom:0;
   width:100%; float:right;
   z-index:5;
  font-family:Arial, Helvetica, sans-serif;font-size:8pt;
   height:30px;   /* Height of the footer */
   
}
#footer3{
   position:fixed;
   bottom:0;
   right:0;
   width:30%; 
   float:right;
   height:100px;    /* Height of the footer */
   z-index:1;font-family:Arial, Helvetica, sans-serif;font-size:8pt;
}
#footer4{
   position:fixed;
   bottom:0;
   font-family:Arial, Helvetica, sans-serif;
   width:100%; 
   float:right;
   height:100px;    /* Height of the footer */
   z-index:1;font-size:8pt;
}

.bannerLateral { width:109px;  float:left; z-index:1;}
.bannerLateral2 { width:75px;  float:left;}
.bannerLateral3 { width:70px;  float:left;}
.contenidoInterno{
	width:100%;
	float:left;
}
.superiorInterno{
	text-align:left;
	height:115px;
	background-image:url(../img/menuDerecha.png);
	background-repeat:no-repeat;
	margin-top: 20px;
}

.superiorInterno2{
	text-align:right;
	width: 200px;
	height:190px;
	background-image:url(../img/menuDerecha.png);
	background-repeat:no-repeat;
	float:right;
}

.interno { width:850px; height:570px; background-image:url(../img/fondonegro.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:justify;}