html, body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	height:100%;

}

.contenedor {
		width:834px;
		margin: 0 auto;

}
.background {
	background-color: #F1F0E8;

}

.centrar {
		margin: 0 auto;
}
h1 {
	margin-top: 0;
	margin-bottom: 0;  /* o el tamaño que quieres que exista entre h1 y el siguiente elemento */
}
h1.enrojo {
	margin-top: 0;
	margin-bottom: 0;  /* o el tamaño que quieres que exista entre h1 y el siguiente elemento */
	background-color: #FF3300;
}
.menu {
	width: 370px;
	top: 75px;
	left: 30px;
	position:relative;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
	float:left;

	

}
.idioma{
	width: 75px;
	top: 75px;
	left: 378px;
	position:relative;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
	float:left;
	

}
.cabecera {
	height: 115px;
	background-image: url(../imagenes/cabecera.jpg);

}
.texto-descripcion {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	height: 55px;
}
.texto-vinculo {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}
.sombraizq {

	background-image: url(../imagenes/sombraizquierda.jpg);

}
.sombrader {

	background-image: url(../imagenes/sombraderecha.jpg);

}

.separador {
	color: #FFFFFF;
	font-size: 10px;
}
.letrasmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;

}
.letrasmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A2FF;
	text-decoration: none;

}
.menuactivado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A2FF;
	text-decoration: none;
	font-weight: bold;
}
.centrado {
	text-align: center;
}
.contenido {

width:780px;
margin: 0 auto;
position:relative;
padding-top:15px;
padding-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
	

}
.preguntas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.contenidocentradoo {
background-color:#00CCCC;
width:100px;
float:left;
left:0px;
top:0px;
position:relative;


}
.lateral {
background-image:url(../imagenes/fondo.gif);

float:left;

width:834px;



}

.imagenpie {
background-image:url(../imagenes/pie.jpg);
height:9px;
clear:both;

width:834px;


}
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
}
.textobold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.titular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #273035;
	text-decoration: none;
	font-weight: bold;
	height:28px;

}
.titular2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}
.imagencentro {
position:relative;
left:15px;


}
.imagende {
position:relative;
left:30px;


}
.imageniz {
position:relative;
left:0px;
float:left;




}
.seleccion {
	position:relative;
	padding:10px;

	width: 230px;
	float:left;
	clear:left;
	left:0px;

}

.seleccion2 {
	position:relative;
	padding:10px;
	left: 15px;
	width: 230px;
	float:left;



}
.seleccion3 {
	position:relative;
	padding:10px;

	width: 230px;
	float:right;



}

.visitarweb {
	background-image: url(../imagenes/visitarweb.gif);
		padding:10px;
	height: 35px;
	width: 230px;

}
.visitarweb1 {
	position:relative;
	left:0px;
	float:left;
	padding:10px;
	height: 35px;
	width: 230px;
	clear:left;
	background-image: url(../imagenes/visitarweb.gif);
}

.visitarweb2 {

		float:left;
			position:relative;
	left: 15px;


	padding:10px;
	height: 35px;
	width: 230px;
	background-image: url(../imagenes/visitarweb.gif);



}
.visitarweb3  {

			position:relative;
	float:right;
	height: 35px;
	width: 230px;
	background-image: url(../imagenes/visitarweb.gif);
	padding:10px;
}

.texto-descripcion2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
	font-weight: normal;


}
.enlacevisitarweb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-decoration: none;
	font-weight: bold;


}


.trabajoswebdiv {
height:308px;
float:inherit;


}
.trabajosgraficodiv {
	text-align: center;
	padding-bottom:15px;
}


	#img {
	border:none;

	}

	#gallery {
	width: 780px;



	}
	#gallery ul { list-style: none;


	 }
	#gallery ul li {

float:left;
	background-image:url(../imagenes/fondo.png);
	width:222px;
	height:148px;
	position:relative;
	left: -10px;
	text-align: center;
	vertical-align: middle;
	margin: 10px;

	 }
	#gallery ul img {
	border: 5px solid transparent;
	border-width: 5px 5px 5px;

	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }