BODY {
	margin : 20px 0px 20px 0px;
	text-align: center;
	background-color: #FFFFFF;
} 

#contenedor{ 
text-align: left; 
width: 750px; 
margin: auto; 
} 

#menu{
	float: left;
	position: relative;
	z-index: 1;
}

#cuerpo{
	float: left;
	width: 500px;
}

/* Todos los webup | webcenter | webdown son los bordes de la pagina de contenidos */

#webup{
	float: left;
	width: 500px;
	background-image: url(fondoup.gif);
	background-repeat: no-repeat;
	height: 20px;

}
#webcenter{
	float: left;
	width: 500px;
	background-image: url(centro.gif);
	background-repeat:repeat-y


}
#webdown{
	float: left;
	width: 500px;
	margin:0px;
	background-image: url(fondobajo.gif);
	background-repeat: no-repeat;
	height: 20px;


}

/* La cabecera es donde se coloca el flash de la cabeza de la pagina */

#cabecera{
	padding-left: 10px;
	padding-right: 10px;

}
/* Aqui entra todo el texto y el contenido de la web */

*html #contenido { 
	margin-left:6px;
	width:472px;
	background-color: #EEEEEE;
	padding-left:3px;
	padding-right:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left; 
} 


#contenido{
	margin-left:12px;
	width:466px;
	background-color: #EEEEEE;
	padding-left:3px;
	padding-right:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left; 

}
/* Este es el pie de la pagina donde van los enlaces finales */

*html #pie{
	float:left;
	margin-left:5px;
	height: 73px;
	background-image: url(bajo.jpg);
	width: 474px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	padding-top: 15px;
	background-repeat: no-repeat;
}

#pie{
	float:left;
	margin-left:10px;
	height: 73px;
	background-image: url(bajo.jpg);
	width: 475px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	padding-top: 15px;
	background-repeat: no-repeat;
}

/* A continuacion son los div de los productos ofrecidos */

#servicio{
	width:100%;
}

#imagen{
	float:left;
	width:60px;
}

.secciones{
	font-size: 16px;
	color: #ffffff;

}	
h1{
	font-size:16px;
	color: #003399;
}	

h2{
	font-size:14px;
	color: #003399;
	margin: 0px 0px 5px 0px; 
}	

.titultimos{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:100%;
	margin: 0px;
}

a:link {  color: #003399; text-decoration: none}
a:active {  color: #003399; text-decoration: none}
a:hover {  color: #C41313; text-decoration: none}
a:visited {  color: #C41313; text-decoration: none}

a.pie:link {  color: #FFFFFF; text-decoration: none}
a.pie:active {  color: #FFFFFF; text-decoration: none}
a.pie:hover {  color: #FFFFFF; text-decoration: none}
a.pie:visited {  color: #FFFFFF; text-decoration: none}

*html #ultimos {
	position: relative;
	left: 10px;
	top: -170px;
	width: 190px;
	height: 140px;
	z-index: 3;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

#ultimos {
	position: relative;
	left: 10px;
	top: -170px;
	width: 175px;
	height: 130px;
	z-index: 3;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

#ofertas {
	float:right;
	width:150px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}
*html #bannerposi {
	float:right;
	width:150px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}

*html #bannerposi {
	float:right;
	width:150px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}

#bannerposi {
	float:right;
	width:150px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}

#bannerposi2 {
	background-color:#FFFFFF;
	border:#999999 1px solid;
	float: right;
	margin-right: 10px;
}

.oferta {
	background-color: #006699;
	text-align:center;
	padding-top:3px;
	height:22px;
	color:#FFFFFF;
	margin: 0px 0px 8px 0px; 
}
.oferta2 {
	background-color: #006699;
	padding-left:5px;
	padding-top:3px;
	height:22px;
	color:#FFFFFF;
	margin: 0px 0px 8px 0px; 
}

#imoferta {
	text-align:center;
	float:left;
	width:100%;
}

.boton1{
	text-align:right;
	margin-right: 40px;
}

.estilo3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

.estilo5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

.texto{
	font-size:12px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:black;
	background:#FFFFFF;
	border:1px solid #2E67B6;
	height:16px;
}	
.textom{
	font-size:12px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:black;
	background:#FFFFFF;
	border:1px solid #2E67B6;
}	
.coment{
	font-size:12px;
    font-family:Geneva, Arial, Helvetica, sans-serif
    color:black;
	background:#FFFFFF;
	border:1px solid #2E67B6;
}

#servicio2{
	background-color:#FFFFFF;
	border:#003366 solid 1px;
}

.separacion{
	padding: 3px 3px 3px 3px;
}


#dentro{
	width: 100%;
	text-align:center;
	position:relative;
}

#ofer {
	width: 70%;
	margin: auto;
	position:relative;
}
#junior {
	background-color:#FFFFFF;
	border: #003399 1px solid;
	float: left;
	width: 49%;
	position:relative;
}
#senior {
	background-color:#FFFFFF;
	border-bottom: #003399 1px solid;
	border-top: #003399 1px solid;
	border-right: #003399 1px solid;
	float: left;
	width: 49%;
	position:relative;
}

#explica{
	margin-left: 10px;
	float:left;
}
#imgcard{
	position:relative;
	float:left;
}

#imagen2 {
 float:left;
 padding: 3px 3px 3px 3px;
 width:30%;

}
#titulo3 {
 float:left;
 width:70%;
}

*html #base{
	border-bottom: #003399 1px solid;
	width:100%;
}

#base{
	border-bottom: #003399 1px solid;
	width:100%;
	margin:0px;
	padding-bottom:2px;
	float:left;
}

#separa{
	clear:both;
}