/* CSS Document */
html {
   height:100%;
}
body{
	padding:0;
	margin:0;
	height:100%;
	background-image:url(varios_diseno/back2.jpg);
	background-repeat:repeat-x;
	}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

.barra_vertical{
float:left;
border-left: 1px solid #999999;
width:1px;
height:1000px;
}



/*--------------cabecera superior inicia-------------------*/
#cabecera{
	width:990;
	padding:0 0 0 0;
	margin:0 auto;
	position:relative;
}
#titulo{
	width:984px;
	height:74px;
	color:#000000;
	padding:0 0 0 0;
	margin:0 auto;
	position:relative;
}
/*--------------navegador inicia-------------------*/
#navegador{
	width:720px;
	height:28px;
	color:#ffffff;
	margin:0 auto;
	position:relative;
	padding:0 0 0 0;
	}
#navegador ul.nav{
	width:720px;
	height:28px;
	padding:3px 0 0 0;
	margin:0 auto;
	}
#navegador ul.nav li{
	float:left;
	padding:0;
	margin:0;
	}
#navegador ul.nav li a{
	display:block;
	height:28px;
	padding:0 20px 0 20px;
	color:#6b7475;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 1px 0 0;
	float:left;
	}
#navegador ul.nav li a:hover{
	color:#fff;
}
#navegador ul.nav li.home{
	display:block;
	height:28px;
	float:left;
	margin:0;
	padding:0 20px 0 10px;
	color:#fff;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/*--------------navegador termina-------------------*/

#cuerpo{
	clear:both; 
	background-image:url(varios_diseno/fondoamarillo.jpg);
	background-repeat:repeat-y;
	width:990px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	position:relative;
	}
#portada{
	display:block;
	background:#f8c301;
	width:780px;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	}
#banner{
	width:209;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}
#footer{
	clear:both; 
	width:100%;
	height:110px;
	background: #005197;
	color:#fff;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	position:relative;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	}
/*--------------------------elementos del navegador---------------------*/
span.sanremo{ width: 142px; height: 74px; overflow: hidden; display: block; position: relative; }
span.sanremo a:hover{ top: -74px; position: relative;}
/*---------------*/
span.fiorella{ width: 115px; height: 74px; overflow: hidden; display: block; position: relative; }
span.fiorella a:hover{ top: -74px; position: relative;}
/*---------------*/
span.jaque{ width: 93px; height: 74px; overflow: hidden; display: block; position: relative; }
span.jaque a:hover{ top: -74px; position: relative;}
/*---------------*/
span.i-baby{ width: 109px; height: 74px; overflow: hidden; display: block; position: relative; }
span.i-baby a:hover{ top: -74px; position: relative;}
/*---------------*/
span.frutillita{ width: 123px; height: 74px; overflow: hidden; display: block; position: relative; }
span.frutillita a:hover{ top: -74px; position: relative;}
/*--------------------------fin de los estilos para el navegador---------------------*/
/*--------------------------Estilo de listado de paginas-----------------------------*/
a.nav:link { 
font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px 2px; 
color: #8ed8f8; 
text-decoration:none; 
} 
a.nav:visited { 
font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px 2px; 
color: #00c0f3; 
text-decoration:none; 
}
a.nav:hover { 
padding: 2px 2px; 
color: #fff; 
background-color: #8bb0ca; 
border: 1px solid #dbe4eb; 
}

span.nav { 
font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 3px 2px; 
color: #ffffff; 
text-decoration:none;
} 
/*---------------------------------*/