/* CSS Document */

body{
	margin: 5px;
	background-color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

a{
	color: #FFFFFF;
	text-decoration:none;
}

.escondido{
	display: none;
}

.clear{
	clear: both;
}

#OverMessage{
	display:block;
	margin:auto;
	margin-top: 20px;
	width:208px;
	height: 78px;
	background-position:center;
	background-repeat:no-repeat;
}

#container{
	margin: auto;
	width: 960px;
	height: 540px;
}

#outermarco{
	display: block;
	width: 250px;
	margin: auto;
}

.marcoparaHome{
	padding-top: 203px;
}

#VisualLogo{
	display: block;
	width: 250px;
	margin: auto;
}

#marco{
	background-image: url(../images/marco5.gif);
	background-position: 0 0;
	display: block;
	text-decoration: none;
}

#logoArealeft{
	background-image:url(../images/marco4.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	padding-left: 20px;
	display: block;
}

#logoArearight{
	background-image:url(../images/marco6.gif);
	background-position: 100% 100%;
	background-repeat:repeat-y;
	padding-right: 20px;
	display: block;
}

#logoArearight, #logoArealeft{
	margin:0px;
	list-style-type:none;
}

.esquinaMarco{
	width: 20px;
	height: 20px;
	display: block;
	margin: 0px;
	padding: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.top{
	background-image:url(../images/marco2.gif);
	background-repeat: repeat-x;
	height: 20px;
}

.down{
	background-image:url(../images/marco8.gif);
	background-position:top;
	height: 20px;
}

.topLeft{
	float: left;
	background-image:url(../images/marco1.gif);
}

.topRight{
	float: right;
	background-image:url(../images/marco3.gif);
}

.downLeft{
	float: left;
	background-image:url(../images/marco7.gif);
}

.downRight{
	float: right;
	background-image:url(../images/marco9.gif);
}

#menu{
	display: none;
}

#menu table, #menu tr, #menu td{
	display: block;
	border-collapse: collapse;
	width: 570px;
}

#VisualLogo:hover, #outermarco:hover, #outermarco:hover #VisualLogo{
	width: 960px;
	cursor: crosshair;
}

#VisualLogo:hover #menu, #outermarco:hover #menu{
	display:block;
	position: absolute;
	top: 230px;
	width: 590px;
	padding: 10px;
	margin: 0px;
	margin-left: 320px;
}

#menu .ItemMenuPrinc{
	margin: 10px;
	display: inline;
}

#menu .ItemMenuPrinc span{
	padding: 1px;
}

#menu .ItemMenugrey{
	margin: 5px;
	float: right;
}

#menu .ItemMenugrey span{
	padding: 1px;
}

#menu .ItemMenuPrinc:hover span{
	color: #999;
	background-color:#333333;
}

#menu .ItemMenugrey:hover span{
	color: #333333;
	background-color:#000000;
}

/* *html .fondContainer{
 background-image: none;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/palabrasoverback.png', sizingMethod='crop');
}*/

#pata{
	display: block;
	margin: auto;
}

#pata a:hover{
	text-decoration: underline;
}

#pata ul{
	width: 960px;
	margin: auto;
	padding: 0px;
	list-style: none;
}

.LeaPVisual{
	display: block;
	float: right;
	width: 120px;
	height: 20px;
	margin: 5px;
	background-image:url(../imagenes/patavisual.gif);
	background-repeat: no-repeat;
}


.copyright{
	float: right;
	display: inline;
}

.logopata{
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}

.leapVisual{
	float: right;
	margin-top: 8px;
}

.legal{
	text-align: right;
	white-space:nowrap;
	float:left;
}

/*estilos de textos*/

.colorAzul{
	color: #99CCFF;
}

.colorGreyOsc{
	color:#333333;
}

.colorGreyCla{
	color:#999999;
}

.colorRojo{
	color: #CC0000;
}

.colorMedRojo{
	color: #DB4D4D;
}

.colorBlanco{
	color: #FFFFFF;
}

.fondRojoLeaP{
	background-color:#CC0000;
}

.fondNegroLeaP{
	background-color:#222222;
}

.fondGreyMed{
	background-color: #333333;
}