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

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

@font-face {
 font-family: MyCustomFontF;
 src: url("../FRABK.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFontF;
 src: url("../FRABK.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%;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			
		}
	/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
.contenedor { width:962px;  margin-right:auto; margin-left:auto;  }
.contenedorP { width:962px; float:left;  background-image:url(../img/fondotrans.png); background-repeat:repeat-y;}
.footer {
	width:962px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	float:left;
	height:45px;
}
.header { width:962px; background-image:url(../img/header.png); background-repeat:no-repeat; float:left; height:132px;  }
.contenidoI { width:880px; margin-left:40px; font-size:13px; font-family:MyCustomFont, Verdana, Arial, sans-serif;  float:left; color:#FFF; text-align:justify;}
.contenidoCuadros { width:912px; margin-left:30px; font-family:MyCustomFont, Verdana, Arial, sans-serif; float:left; }

.cuadrito { width:222px; height:150px; background-image:url(../img/portadaCuadro2.png); background-repeat:no-repeat; float:left; margin-right:6px; color:#FFF; text-decoration:none;}
.cuadrito:hover {width:222px; height:150px; background-image:url(../img/portadaCuadro.png); background-repeat:no-repeat; float:left; margin-right:6px; color:#333; text-decoration:none;}
.tituloCuadrito { font-size:20px; color:#FC0; margin-left:10px; margin-top:10px; width:200px;}
.textoCuadrito {font-size:14px; color:#FFF; margin-left:12px; margin-top:5px; width:200px; font-family:MyCustomFontF, Verdana, Arial, sans-serif;}
.masCuadrito { font-size:12px; color:#FC0; margin-left:10px; margin-top:10px;}
.noticias { width:885px; height:302px; margin-left:40px; font-size:12px; font-family:MyCustomFont, Verdana, Arial, sans-serif; background-image:url(../img/noticias.png); background-repeat:no-repeat;  padding:3px;}
.contenido {
	width:885px;
	margin-left:40px;
	font-family:MyCustomFontF, Verdana, Arial, sans-serif;
}
.noticiaImg {
	width:449px;
	margin-left:14px;
	margin-top:9px;
	float:left;
}
.noticiaCont {
	width:402px;
	height:245px;
	float:left;
	margin-left:0px;
	margin-top:0px;
}
.noticiaInd { height:72px; width:401px; margin-top:3px; margin-bottom:1px;}
.noticiaInd:hover { height:72px; width:401px; margin-top:3px; margin-bottom:1px; background-image:url(../img/fondoblanco5.png); background-repeat:repeat-x;}
.tituloNoticia { color:#FC0; font-size:15px; margin-left:12px; margin-top:3px; text-decoration:none;}
.textoNoticia { color:#FFF; font-size:14px; margin-left:12px; margin-top:3px; margin-right:5px; text-decoration:none;}
.preregistro { width:402px; height:86px; float:left; }
.preregistro2 { width:402px; height:86px;background-image:url(../img/preRegistro01.png); background-repeat:no-repeat; }
/*.preregistro2:hover { width:402px; height:86px;background-image:url(../img/preRegistro02.png); background-repeat:no-repeat;  }
*/
.multimedia { width:402px; height:86px; float:left; }
.multimedia2 { width:402px; height:86px;background-image:url(../img/multimedia.png); background-repeat:no-repeat; }
.multimedia2:hover { width:402px; height:86px;background-image:url(../img/multimedia02.png); background-repeat:no-repeat;  }

.campana { width:402px; height:86px; float:left; }
.campana2 { width:402px; height:86px;background-image:url(../img/campana.png); background-repeat:no-repeat; }
.campana2:hover { width:402px; height:86px;background-image:url(../img/campana02.png); background-repeat:no-repeat;  }
.rayita { width:402px; background-image:url(../img/rayita.png); height:3px; float:left;}
.logos {
	margin-left:30px;
	background-image:url(../img/logos.png);
	background-repeat:no-repeat;
	height:146px;
	width:900px;
	float:left;
}

.publi {
	margin-left:30px;
	
	width:900px; margin-bottom:10px;
	float:left;
}
.fixion{ background-image:url(../img/fixion1.png); width:98px; height:35px; float:right; margin-top:10px;} 

.fixion:hover{ background-image:url(../img/fixion2.png); width:98px; height:35px; float:right; margin-top:10px;} 
.cssform p{
width: 230px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 255px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -240px; /*width of left column*/
width: 230px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 220px;
}
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 220px;
}
.cssform textarea{
font-family:MyCustomFont;
width: 280px;
height: 80px;
}
.listado{ width:830px;}
.listado:hover{ width:830px; background-image:url(../img/blanco3.png); background-repeat:repeat;}
.descargar { width:465px; height:87px; background-image:url(../img/descargar.png); background-repeat:no-repeat; filter: alpha(opacity=80);
	 -moz-opacity: .8;
	 KhtmlOpacity: .8;
	 opacity: .8;}
.descargar:hover  { width:465px; height:87px; background-image:url(../img/descargar.png); background-repeat:no-repeat; filter: alpha(opacity=100);
	 -moz-opacity: 1;
	 KhtmlOpacity: 1;
	 opacity: 1;}
	 
	 .videos{ width:197px; margin-right:10px; float:left; margin-bottom:10px;height:195px; filter: alpha(opacity=85);
	 -moz-opacity: .85;
	 KhtmlOpacity: .85;
	 opacity: .85;}
	 .videos:hover{ width:195px; margin-right:10px; height:193px; margin-bottom:10px; float:left; filter: alpha(opacity=100);
	 -moz-opacity: 1;
	 KhtmlOpacity: 1;
	 opacity: 1; background-image:url(../img/blanco3.png); background-repeat:repeat; border-color:#FC0; border-style:solid; border-width:1px; }
	 
	  .videos2{ width:97px; margin-right:10px; float:left; margin-bottom:10px; height:140px; filter: alpha(opacity=85);
	 -moz-opacity: .85;
	 KhtmlOpacity: .85;
	 opacity: .85;}
	 .videos2:hover{ width:97px; margin-right:10px; height:140px; margin-bottom:10px; float:left; filter: alpha(opacity=100);
	 -moz-opacity: 1;
	 KhtmlOpacity: 1;
	 opacity: 1;
	 background-image:url(../img/blanco3.png); background-repeat:repeat;}
	 .audio{ height:67px; width:400px; margin-right:10px; float:left; filter:alpha(opacity=80); margin-bottom:10px;
	 -moz-opacity: .8;
	 KhtmlOpacity:.8;
	 opacity: .8;}
	 	 .audio:hover{ height:67px; width:400px; margin-right:10px; float:left; filter: alpha(opacity=100); margin-bottom:10px;
	 -moz-opacity: 1;
	 KhtmlOpacity: 1;
	 opacity: 1;
	 background-image:url(../img/blanco3.png); background-repeat:repeat;}