/* 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;
}

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

#outermarco{
	display: block;
	margin: auto;
	cursor: crosshair;
}

#VisualLogo{
	display: block;
	margin: auto;
	cursor: crosshair;
}

#VisualLogo img{
	border: none;
}

#marco{
	background-image: url(../images/marco5.gif);
	background-position: 0 0;
}

#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:block;
	position: absolute;
	top:30px;
	width: 600px;
	padding: 10px;
	margin-left: 300px;
}

#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;
}

#contenidos, #contenidos ul, #contenidos ul li, #contenidos p{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#contenidos p, #contenidos h3{
	margin-left: 330px;
}

.tituloSeccion, p.marcoContenidos{
	margin: 5px;
	padding: 5px;
	background-color: #000;
}

#portafolio{
	width: 920px;
}

#portafolio h3, #portafolio .marcoContenidos{
	margin-left: 260px;
	background-color: #000000;
}

*html #portafolio .marcoContenidos{
	display:inline-block;
}

#portafolio #submenu{
	width: 240px;
	float: left;
}

#portafolio #submenu a{
	display:block;
	margin: 3px 0px 4px 0px;
	padding: 1px;
	padding-top: 0px;
}

#submenu a:hover{
	background-color:#333333;
	color: #666666;
}

#portafolio ul li{
	display: inline;
	padding: 15px;
}

ul#muestratrabajo, ul#muestratrabajo li, ul#muestratrabajo dl{
	display: inline;
	margin: 0px;
	padding: 0px;
}

dl{
	color:#999999;
}

ul.showBotones li a img, #portafolio a img{
	border: none;
	text-decoration: none;
}

#ProySecImg{
	width:100%;
	height: 200px;
	overflow:auto;
}

.destacado{
	margin: -17px;
	padding-left:17px;
	background-image:url(../images/destacado-a.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#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*/

h3{
	font: 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

h4{
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.nota{
	font: 9px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

.colorAzul{
	color: #99CCFF;
}

.colorGreyOsc{
	color:#555555;
}

.colorGreyCla{
	color:#999999;
}

.colorRojo{
	color: #CC0000;
}

.colorMedRojo{
	color: #DB4D4D;
}

.colorBlanco{
	color: #FFFFFF;
}

.fondRojoLeaP{
	background-color:#CC0000;
}

.fondNegroLeaP{
	background-color:#222222;
}

.fondGreyMed{
	background-color: #333333;
}

.bordeBlancoAbajo{
	border-bottom: 1px solid #FFFFFF;
}

.bordeRojoAbajo{
	border-bottom: 1px solid #CC0000;
}

.bordeAzulAbajo{
	border-bottom: 1px solid #99CCFF;
}