Imagen2_Web/source/estilos.css

/* Generales */
body{
	margin: 0px;
	background-color: #F2F2F2;
	background-image:url(imgs/fondo.gif);
	background-repeat:repeat;
	font-family: Verdana,Arial,Helvetica,sans-serif;	
}

p {
	margin: 4px 0;
	padding: 0;
}

a:link, a:visited{
	color: #06f;
	text-decoration: none;
}

a:hover{
	color: red;
	text-decoration: none;
}

h1 {
	text-align:left;
	padding-bottom: 5px;
	border-bottom: 2px solid blue;
	color: #000033;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 8px 0;
}

h2 {
	color: #990000;
	text-align:left;
	font-size: 13px;
}

iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Layout */
#intro {
	vertical-align: middle;
	margin-top: -220px;
	margin-left: -390px;
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 780px;
	height: 123px;
}
	#intro a{
		font-size:10px;
	}

#contenedor{
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align:left;
	vertical-align: middle;
	margin-top: -220px;
	margin-left: -390px;
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 780px;
	height: 500px; /*440x;*/
 	background-image:url(imgs/fondo.jpg);
 	background-repeat:no-repeat;
	background-position:top;	
}

	.cabecera img {
		border: 0;
	}

	.cabecera a:hover{
		border: 0;
	}
	
	#contenedor .cabecera {
		width: 780px;
		height: 123px;
	}
	
	a{
		text-decoration:none;
	}

	#contenedor .cuerpo {
		width: 780px;
		height: 417px; /*317px */
	}
	
	#contenedor .cuerpo .main {
		width: 780px;
		height: 417px;
	}

	
.menu {
	text-align:center;
	float: left;
	height: 317px;
	width: 175px;
}
	.menu .direccion {
		font-size: 12px;
		margin-top: 23px;
	}

	.menu ul {
		margin: 0;
		padding: 0;
		list-style:none;
	}
	
	.menu ul li {
		padding: 0;
		list-style:none;		
		margin: 8px 0;
		background: none;
	}
	
	.menu a {
		font-size: 14px; 
		font-weight:bold;
		color: #000033;
	}

	.menu a:hover {
		font-size:14px; 
		color:#000099; 
		font-style:italic; 
		text-decoration:none; 
	}
	
	.menu .promociones {
		margin-top: 18px;
	}

.portada {
	padding: 0;
	margin: 0;
	float: right;	
	height: 317px;
	width: 605px;
}

.contenido {
	margin: 20px 2px 0 0;
	padding: 0px 20px 0 10px;
	float: right;	
	height: 295px;
	width: 572px;
	font-size:11px;
	overflow-x: hidden;
	overflow-y: auto;
}

	.contenido img.derecha {	
		margin: 4px 0px 4px 14px;
	}

	.contenido img.izquierda {	
		margin: 4px 14px 4px 0px;
	}

	ul {
		padding: 0;
		margin: 8px 0 0 10px;
		list-style:none;
	}
	
	li  {
		background-image: url(imgs/icoLista.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		padding: 0 0 8px 1.5em;
	}

	ul.lista-3cols {
		/*list-style:none;*/
		text-align:left;
		float: left;
		width: 550px;
		margin: 4px 0 4px 20px;
		padding: 0;
	}
	 
	ul.lista-3cols li {
		/*list-style:none;*/
		float: left;
		margin: 0;
		/*background-image: url(imgs/icoLista.gif);
		background-position: 0 3px;
		background-repeat: no-repeat;*/
		padding: 0 0 0 1.5em;
	} 
	
	.columna1 {
		width: 80px;
	}

	.columna2 {
		width: 170px;
	}

	.columna3 {
		width: 240px;
	}
	
.txtEvolugie {
	color: #009900;
}

.txtVolver {
	float: right;
	padding: 8px;
}

.titulo2 {
	font-weight: bold;
	color: #990000;
}

a.titulo2 {
	color: #990000;
}

a.titulo2:hover {
	font-style:italic;
	text-decoration:underline;	
}


.scroll {
	 overflow: -moz-scrollbars-vertical;
	 overflow: -moz-scrollbars-vertical;
	 overflow-y: auto;
	 scrollbar-face-color: #000099 !important;
	 scrollbar-shadow-color: #fff !important;
	 scrollbar-highlight-color: #fff !important;
	 scrollbar-3dlight-color: #fff !important;
	 scrollbar-darkshadow-color: #fff !important;
	 scrollbar-track-color: #fff !important;
	 scrollbar-arrow-color: #fff !important;
	 display: block;
}