/* CSS Document */

body {
	margin:0;
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-color:#0E101C;
	background-image: url(i/fondo/01.gif); /*VER AL FINAL DE ESTE DOCUMENTO*/ 
	background-position: 50% 0;
	background-repeat: repeat-x;
	font-size:11px;
	/*text-align: center;*/
}
a {
	/*color:#3399FF;*/
	color:#0066FF;
}

a:link, a:visited{
	text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
}

a:active  {
	outline-style: none;
}

.top-999em {
	display:block;
	position:absolute;
	top:-999em;
}

div#ContenedorFondo{
	/*
	margin-top: -284px;
	margin-bottom: 0;
	*/
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:566px;
	/*background-color:#fff;*/
	display:block;
	position: relative;
	/*border: 1px solid #DC143C;*/
	text-align: center;
	background-image: url(i/fondo/02.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
}
div#ContenedorGeneral01{
	margin-left: auto;
	margin-right: auto;
	width:724px;
	height:566px;
	display:block;
	position: relative;
	/*text-align: center;*/
}

.displaynone {
	display:none;
}










/* ---------------------------------------- */ 
/* INICIO CABEZAL */

.espacioSuperior{
	display:block;
	width:724px;
	height:13px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#EsquinaSuperiorIzquierda {
	width: 14px;
	height: 30px;
	background-image: url(i/fondo/esquinas/superior/01.gif);
	background-repeat: no-repeat;
}
#EsquinaSuperiorDerecha {
	width: 14px;
	height: 30px;
	background-image: url(i/fondo/esquinas/superior/03.gif);
	background-repeat: no-repeat;
}
#BordeSuperior {
	width:695px;
	height: 30px;
	background-image: url(i/fondo/esquinas/superior/02.gif);
	background-repeat: repeat-x;
}

.LayerTituloCabezal{
	z-index:100;
	position:absolute;
	width:422px;/*nvo ancho*/
	height:49px;
	margin: 57px 0 0 260px;
	/*border:1px solid #555;*/
	background-image: url(i/fondo/esquinas/superior/letreros-publicitarios.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.LayerTituloCabezal *{
	display:block;
	width:286px;/*nvo ancho*/
	height:36px;
	text-indent:-999em;
	outline-style: none;
}








.LayerLogotipo{
	z-index:101;
	position:absolute;
	width:208px;/*nvo ancho*/
	height:67px;
	margin: 42px 0 0 40px;
	background-image: url(i/logotipo/letreros-abroc.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	/*border: 1px solid #444;*/
}

.LayerLogotipo *{
	display:block;
	width:208px;/*nvo ancho*/
	height:67px;
	text-indent:-999em;
	outline-style: none;
	margin:0;
}


.espacioCabezal {
	position: relative;
	display:block;
	height:68px;
	width:12px;
	/*border: 1px solid #555;*/
	/*background-color: #D6D6D6;*/
}


/* FIN CABEZAL */
/* ---------------------------------------- */ 


/* ---------------------------------------- */ 
/* INICIO MENU PRINCIPAL */
.TablaMenuContenedor{
	width:674px;
	border:0;
	padding:0;
	margin: 12px auto 0 auto;
	background-image: url(i/botones/menu-11.gif);
}
.TablaMenuContenedor a{
	outline:none;
}
.AnchoTd01{
	width:13px;
	background-image: url(i/botones/menu-01.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.AnchoTd02{
	width:14px;
}
.AnchoTd03{
	width:84px;
}
.AnchoTd04{
	width:49px;
}
.AnchoTd05{
	width:154px;
}
.AnchoTd06{
	width:57px;
}
.AnchoTd07{
	width:114px;
}
.AnchoTd08{
	width:49px;
}
.AnchoTd09{
	width:111px;
}
.AnchoTd10{
	width:16px;
}

.AnchoTd11{
	width:13px;
	background-image: url(i/botones/menu-13.gif);
	background-position: 0;
	background-repeat: no-repeat;
}


/* FIN MENU PRINCIPAL */
/* ---------------------------------------- */ 












/* ---------------------------------------- */ 
/* INICIO CONTENEDOR PRINCIPAL */

.FondoContenedorPrincipal {
	background-image: url(i/fondo/esquinas/superior/04.gif);
	background-repeat: repeat-x;
	background-position: 50% 43px;
	background-color: #fff;
	width:724px;
}
/* FIN CONTENEDOR PRINCIPAL */
/* ---------------------------------------- */ 






















/* ---------------------------------------- */ 
/* INICIO PIE */
#EsquinaInferiorIzquierda {
display:block;
width: 14px;
height: 14px;
background-image: url(i/fondo/esquinas/inferior/01.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/i/fondo/esquinas/inferior/01.png');
}

#EsquinaInferiorDerecha {
display:block;
width: 14px;
height: 14px;
background-image: url(i/fondo/esquinas/inferior/02.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/i/fondo/esquinas/inferior/02.png');
}

#EsquinaInferiorIzquierdaAlternativa {
	/*display:block;*/
	width: 14px;
	height: 14px;
	background-image: url(i/fondo/esquinas/inferior/01.gif);
	background-repeat: no-repeat;
}
#EsquinaInferiorDerechaAlternativa {
	/*display:block;*/
	width: 14px;
	height: 14px;
	background-image: url(i/fondo/esquinas/inferior/02.gif);
	background-repeat: no-repeat;
}
#bordePie{
	background-color: #fff;
	width:695px;
}
.FondoBlancoPie{
	background-color: #fff;
	width:724px;
	font-size: 12px;
	color:#535353;
}
.FondoBlancoPie strong{
	font-weight: normal;
}


/* FIN PIE */
/* ---------------------------------------- */ 
















/* ---------------------------------------- */ 
/* INICIO PORTADA */

.Tabla01{
	width:708px;
}
.Tabla01-Td01{
	width:13px;
	background-image: url(i/fondo/03.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.Tabla01-Td02{
	/*height:203px;*/
	background-image: url(i/fondo/05.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.Tabla01-Td03{
	width:13px;
	background-image: url(i/fondo/04.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}




.Tabla02{
	width:674px;
	font-size: 11px;
}

.Tabla02-Td01{
	width:14px;
	background-image: url(i/fondo/06.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.Tabla02-Td02{
	/*height:203px;*/
	background-image: url(i/fondo/08.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:22px 10px 22px 10px;
}

.Tabla02-Td03{
	/*height:203px;*/
	/*width:266px;*/
	background-image: url(i/fondo/08.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:22px 12px 22px 16px;
	text-align:justify;
}
.Tabla02-Td04{
	/*height:203px;*/
	background-image: url(i/fondo/08.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:22px 10px 22px 10px;
}

.Tabla02-Td05{
	width:14px;
	background-image: url(i/fondo/07.gif);
	background-position: top;
	background-repeat: no-repeat;
}















.Tabla03{
	width:674px;
	font-size: 11px;
	background-image: url(i/fondo/11.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.Tabla03-Td01{
	width:10px;
	background-image: url(i/fondo/09.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.Tabla03-Td02{
	/*height:240px;*/
	font-size:13px;
	padding:10px 15px 10px 23px;
}

.Tabla03-Td03{
	height:240px;
	width:341px;
	background-image: url(i/fondo/12.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding:0 18px 0 0;
	text-align:justify;
}

.Tabla03-Td04{
	width:10px;
	background-image: url(i/fondo/10.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}


.Tabla04{
	width:674px;

}

.Tabla05 a:link img, .Tabla05 a:visited img{
	border: 2px solid #a3acbc;
}
.Tabla05 a:hover img, .Tabla05 a:active img{
	border: 2px solid #8B0000;
}

.FondoBotonesPortada{
	width:161px;
	height:148px;
	background-position: 0 bottom;
	background-repeat: no-repeat;
}
.FondoBotonesPortada a{
	display:block;
	width:161px;
	height:148px;
	text-indent:-999em;
	outline-style: none;
}
#FdoTotem{
	background-image: url(i/fondo/botones/totem.jpg);
}
#FdoPlacas{
	background-image: url(i/fondo/botones/placas.jpg);
}
#FdoLetras{
	background-image: url(i/fondo/botones/letras.jpg);
}
#FdoLuminosos{
	background-image: url(i/fondo/botones/luminosos.jpg);
}


#BtnTotem{
	background-image: url(i/botones/totem.gif);
}
#BtnPlacas{
	background-image: url(i/botones/placas.gif);
}
#BtnLetras{
	background-image: url(i/botones/letras.gif);
}
#BtnLuminosos{
	background-image: url(i/botones/luminosos.gif);
}

a#BtnTotem:link, a#BtnTotem:visited, a#BtnPlacas:link, a#BtnPlacas:visited, a#BtnLetras:link, a#BtnLetras:visited, a#BtnLuminosos:link, a#BtnLuminosos:visited {
	background-position: 0 top;
	background-repeat: no-repeat;
}
a#BtnTotem:hover, a#BtnTotem:active, a#BtnPlacas:hover, a#BtnPlacas:active, a#BtnLetras:hover, a#BtnLetras:active, a#BtnLuminosos:hover, a#BtnLuminosos:active {
	background-position: -161px top;
	background-repeat: no-repeat;
}

/* FIN PORTADA */
/* ---------------------------------------- */ 




.Titulo01{
	font-size:15px;
	font-weight: bold;
	text-transform: uppercase;
	color:#B0B0B0;
}

.Titulo02{
	font-size:22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #353535;
	margin:0;
	padding:0;
}



.espacio21x21 {
	width:21px;
	height:21px;
}
.espacio21x21b {
	width:12px;
	height:12px;
}




.ancho-elementos-formulario00 {
	width: 6px;
}
.ancho-elementos-formulario00 span{
	display:block;
	width: 6px;
}

.ancho-elementos-formulario01a {
	width: 19px;
}
.ancho-elementos-formulario01b {
	width: 26px;
}
.ancho-elementos-formulario01c {
	width: 26px;
}
.ancho-elementos-formulario02 {
	width: 280px;
}

.ancho-elementos-formulario03 {
	width: 14px;
}
.ancho-elementos-formulario04 {
	width: 200px;
}

.ancho-elementos-formulario05 {
	width: 305px;
}
.ancho-elementos-formulario06 {
	width: 300px;
}
.ancho-elementos-formulario07 {
	margin: 0 20px 0 0;
}













.contacto-advertencia01 {
		font-size: 	9px;
		color: #1A96B1;
		padding:0;
		margin:0 3px 0 4px;
		/*background-color: Fuchsia;*/
}
.contacto-advertencia02 {
		font-size: 	11px;
		color: #1A96B1;
}
.contacto-label01 {
		font-size: 	13px;
		color: #252525;
		white-space: nowrap;
		/*background-color: #DA70D6;*/
}
.contacto-label01b {
		font-size: 	13px;
		color: #252525;
		/*white-space: nowrap;*/
		/*background-color: #DA70D6;*/
}



.contacto-separador {
	border-top-style: solid;
	border-top-color: #E8E5DE;
	border-top-width: 1px;
	margin-top: 10px;
}

.contacto-recuadro-advertencia {
border-top: 1px solid #DADCDC;
border-right: 1px solid #D1D3D3;
border-bottom: 1px solid #D1D3D3;
border-left: 1px solid #DADCDC;
text-decoration: none;
padding: 16px 16px 16px 16px;
 background-color: #FFFFFF;
 background-image: url(i/fondo/13.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}

.contacto-espacio {
	padding-top: 3px;
}




.layer01 {
	position:absolute;
	z-index:100;
	width:100%;
}
.layer02 {
	position:absolute;
	z-index:10;
	width:100%;
	text-align:center;
	top:50px;
}
.layer02 .wrapper02{
	margin: 0 auto;
	width:500px;
	color:#000;
	background-color:#fff;
	font-size:16px;
}
