/* CSS Document */

body{
	margin: 0;
	padding: 0;
	color: #808080;
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#000000;
}
img{
	border: 0;
}
a{
	text-decoration: none;
	color: #FFFFFF;
}
a:hover{
	text-decoration: underline;
	color: #FF6600;
}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active{text-decoration:none}

/*Disminuimos su ancho y altura a 0px, nos aseguramos con un "outline"(linea exterior) que desaparezca en otros navegadores*/
a:focus {width:0px;height:0px;outline:0px;}

form{
	margin: 0;
	padding: 0;
}
input{
	border:1px solid #8b887a;
	color:#8b887a;
	font-size:0.8em;
	padding-left:3px;
}
select{
	background-color:#FFFFFF;
	border:1px solid #a4a4a4;
	font-size:0.95em;
	padding-left:3px;
	color:#333333;
}
textarea{
	background-color:#FFFFFF;
	border:1px solid #a4a4a4;
	color:#0033FF;
	font-size:1.0em;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight:normal;
}
ul, li {
	margin: 0;
	padding: 0;
}
br{
	line-height:1.2em;
}


/* ---- DIV PARA REALIZAR EL DISEŅO CENTRADO ----*/

#wrap {
	position: relative;
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* vuelve al correcto alineamiento del texto */
}


/* ---- ESTILOS DE CABECERA ----*/

#cabecera {
	background: url(../images/bg-cabecera.png) no-repeat left 43px;
	height:105px;
}
	#cabecera h1{
		width:343px;
		float:left;
	}
	#cabecera h2{
		width:245px;
		float:right;
		margin:10px 20px 0 0;
	}

/* ---- ESTILOS MENUS PRINCIPAL ----*/
#barMenu{
	background: url(../images/linea-separadora.gif) no-repeat left bottom;
	height:24px;
	padding:3px 0 3px 0;
}
	#barMenu ul{
		margin-right:23px;
		color:#FFFFFF;
		font-size:0.7em;
		float:right;
	}
		#barMenu ul li{
			margin:3px 0 3px 0;
			background: url(../images/bg-menu-pral.gif) no-repeat left bottom;
			display:inline;
		}
			#barMenu ul li a{
				display:block;
				float:left;
				height:18px;
				width:97px;
				background: url(../images/bg-menu-pral.gif) no-repeat 0 0;
				padding-left:10px;
				padding-top:1px;
			}
				#barMenu ul li a:hover{
					background: url(../images/bg-menu-pral.gif) no-repeat -107px 0;
					color:#FFFFFF;
					text-decoration:none;
				}



/* ---------- ESTILOS PARA EL PIE DE LA WEB ------------*/

#footer{
	clear:both;
	height:35px;
	border-bottom:1px solid #999999;
	margin-right:23px;	
}
	#footer img{
		margin-right:10px;
		vertical-align:middle;
		margin-bottom:1px;
	}
	#footer span, #footerInterior span{
		color:#9fa0a1;
		font-size:0.7em;
		letter-spacing:-0.01em;		
	}

#footerInterior{
	clear:both;
	height:35px;
	border-top:1px solid #999999;
	text-align:center;
	width:932px;
}


/* ---------- ESTILOS DISTRIBUCIONES ------------*/

#distribuciones h4{
	font-size:0.7em;
	font-weight:bold;
	height:30px;
	float:left;
	width:235px;
	padding-top:30px
}
#distribuciones ul li{
	display:inline;
	margin-right:14px;
}



/* ---- CLASES GENERALES ----*/	


.limpiar{
	clear:both;
}
.noBorder{
	border:none;
}

.alinearImg{
	vertical-align:middle;
}
.flotarL{
	float:left;
}
.flotarR{
	float:right;
}