* {
		margin: 0;
		padding: 0;/* para Firefox */
}
body{
		background-color: rgb(231,228,237);
		/*text-align: center;*/
		font-family: Geneva, Verdana, Arial, sans-serif;
   		font-size: 12px;
		color:#000033;
}

h2, h5{
	color: rgb(170,169,169);
	margin-bottom: 1.25em;
	margin-top: 1.5em;
}

h2{
	font-size: 18px;
	color: rgb(2,142,217); /* azul claro */
}

h2 span{
	color: rgb(249,105,42); /* naranja */
}

h3, h4, h5{
	color: rgb(0,14,119);  /*azul oscuro */

}

h5{
	font-size: 14px;
}


p{
	margin-bottom: 1em;
}

ul{	
	margin-left: 40px;
	margin-bottom: 1em;}
	
a{
	color:#000033;
	text-decoration: underline;
}

img{
	border: 0;
	clear: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#encabezado{
		margin: 0 auto 0 auto;
		width: 750px; 
		height: 20px;
		background: url('images/caja/header.png') no-repeat; 
		text-indent:-9999px;	
}

#encabezado h1{display:none;}

#cuerpo{
		margin: 0 auto 0 auto;
		padding-top: 10px;
		width: 750px;
		min-height: 400px;
		background: url("images/caja/body.png") repeat-y;
}


#pie{
		margin: 0 auto 0 auto;
		width: 750px;
		height: 27px;
		background-image: url("images/caja/foot.png");
		background-repeat: no-repeat; 
}

#leyenda{
		margin: 0 auto 20px auto;
		width: 750px;
		font-size: 8px;
		text-align: center;
}
	
#caja_sup{	
		float: left;
		margin-left: 60px;
		/*padding-top:10px;*/
		width: 150px;
		height: 120px;
}

* html #caja_sup{ /*IE6 only rule.*/
	margin-left: 30px;
}

#caja_sup h1{
	display: none;
}

#caja_sup a{
	display: block;
	height: 120px;
	width: 150px;
	background: url("images/banner_sup.jpg") center center no-repeat;
}


#caja_supd{	
		float: right;
		margin-right: 80px;
		width: 90px;
		height: 120px;
}

* html #caja_supd{ /*IE6 only rule.*/
	margin-right: 40px;
}


#caja_supd h1{
	display: none;
}

#caja_supd a{
	display: block;
	height: 120px;
	width: 90px;
	background: url("images/banner_supd.jpg") center center no-repeat;
}



#nav_sup{
	float:left;
	height: 20px;
	width: 100px;
	color: rgb(170,169,169);
}

#nav_sup a{
	text-decoration: none;
	font-size: 9px;
	color: rgb(170,169,169);
}

#nav_sup a:hover{
	color: #000000;
}


.caja_central{
	float:left;
	/*margin: 0 auto 0 30px;*/
	margin-top: -1.5em;
	margin-left: 30px;
	width: 480px;
	min-height: 175px;
	padding: 30px;
}

* html .caja_central{ /*IE6 only rule.*/
	margin-left: 10px;
}

/*
.redes{
		background: url("images/fondos/fondo_redes.png") top left no-repeat;
}
*/



#caja_menu{
	float:left;
	margin: 20px auto;
	width: 130px;
	height: 240px;
	border-left: rgb(170,169,169) 1px solid;
}

#caja_menu ul{
	margin : 5px 10px 0px 0px;
	padding: 0px 0px 0px 4px;
	list-style: none;
}


#caja_menu li{
	padding-left: 14px;
	background: transparent url("./images/bullet2.gif") 0 2px no-repeat;
	margin-bottom: 10px;
}

#caja_menu a{
	text-decoration: none;
	font-size: 14px;
	color: rgb(170,169,169);
}

#caja_menu a:hover{
	color: #000000;
}

.items{
	float:left;
	text-align:center;
	margin: 0 auto 0 20px;
	/*width: 740px;*/
	width: auto;
	height: 90px;	
	padding-left: 25px;
}

* html .items{ /*IE6 only rule.*/
	margin-left: 15px;
}

.items a{
	float:left;
	width: 100px;
	height: 75px;
	margin: 6px;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
}
.items .op1 a{
 background:url(images/floppies.jpg) no-repeat left top;
}

.items .op2 a{
 background:url(images/teclado.jpg) no-repeat left top;
}

.items .op3 a{
 background:url(images/redes.jpg) no-repeat left top;
}

.items .op4 a{
 background:url(images/web.jpg) no-repeat left top;
}
.items .op5 a{
 background:url(images/pda.jpg) no-repeat left top;
}
.items .op6 a{
 background:url(images/gestparr.jpg) no-repeat left top;
}

.items  a:hover {
	background-position:0 -75px;
}

.items #current a {
	background-position:0 -75px;
}

.items #current a span {
	background-position:100% -125px;
}


.items span{
	display: none;
}

.items a:hover span {
	display: block;
	text-align: left;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	top: -30px;
	left: 0;
	border: 1px solid #BCBCBC;
	margin: 0;
	padding: 5px;
	width: 120px;
}


/* */

/* */

.clear{clear:both;}

input {
	border: 1px solid #ccc;
	height: 14px;
	width: 290px;
}

input:focus, textarea:focus{
	background: #ffc;
}

textarea{
	border: 1px solid #ccc;
}

#contactoform .boton{
	width: 80px;	
	height: 20px;
}

.izquierda, .derecha{
	width: 45%;
}

.izquierda{
	float: left;
}

.derecha{
	float: right;
}

.comentario p, .comentario h2, .comentario h5, .comentario li{
	font-size: 12px;	
}

.destaca a{
	font-weight:bold;
	text-decoration: underline;
	color:#000099;
}