/* 
Hoja de estilos general
BLOG DE RRII: Temas de interés...
autor: Gonzalo Esnal Bornes */

/*general*/

* {
margin: 0;
padding: 0;
border: 0;
}

html {
font-size: 82%;
}

body {
background-color: #E6E6E6;
}

/*estructura*/

#contenedor {
margin: 0 auto;
width: 762px;
height: 100%;
}

#fondo {
background-image: url(fondotemas.jpg);
}

#banner {
background-image: url(img/fondo-a2.gif);
padding-left: 25px; 
padding-top: 25px;
}

#encabezado {
width: 762px;
height: 76px;
background: url(img/fondo-a.gif) no-repeat;
}

#contenido {
width: 762px;
background: url(img/fondo-b.gif) repeat-y;
padding-top: 30px;
}

#lateral {
float: right; 
width: 160px;
line-height: 1.5em; 
margin: 10px 45px 5px 20px; 
padding: 10px 10px 10px 10px; 
background: #E1E1E1 url(base.gif) 0 100% no-repeat;
}

#lateral ul {
list-style-type: none;
}

#lateral li {
font-family: Tahoma, Arial, Helvetica, sans-serif;
border-bottom: 5px solid #CCC;
margin-bottom: 5px;
}

#lateral li:hover {
	border-bottom: 5px solid gray;
}

#descargas {
float: right; 
width: 160px;
line-height: 1.5em; 
margin: 10px 45px 5px 20px; 
padding: 10px 10px 10px 10px; 
background: #E1E1E1 url(base.gif) 0 100% no-repeat;
}

#descargas ul {
list-style-type: none;
}

#descargas li {
font-family: Tahoma, Arial, Helvetica, sans-serif;
border-bottom: 5px solid #CCC;
margin-bottom: 5px;
}

#descargas li:hover {
	border-bottom: 5px solid gray;
}

h3 {
height: 25px; 
margin: -10px -10px 1px -10px; 
padding: 0px 10px 0 10px; 
background: #E1E1E1 url(arriba.jpg) no-repeat;
font-family: Verdana, sans-serif;
font-size: 1.2em;
font-weight: lighter;
color: #FFFFFF;
}

div#vcard {
	margin-top: 30px;
	margin-left: 45px;
	margin-right: 45px;
	border-top: 1px solid #CCC;
	padding-top: 15px;
	position: relative;
}

div#vcard a {
	padding-right: 20px;
}

div#vcard img {
	padding-right: 10px;
}

#pie {
width: 672px;
height: 194px;
padding: 0 45px;
background: url('img/fondo-c.gif') no-repeat;
}

.bien:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
font-family: Georgia, Times, serif;
padding: 20px 45px 0 45px;
text-align: justify;
line-height: 1.5em;
}

h2 {
font-family: Georgia, Times, serif;
padding: 5px 45px 0 45px;
text-align: left;
text-indent: 0;
font-size: 1.5em;
}

h2.especial {
margin-top: 25px;
background: url(linea.gif) no-repeat top center;
padding-top: 25px;
}

.logo {
width: 126px;
height: 25px;
padding-top: 100px;
}

#logopie {
float: left;
}

#menu {
width: 545px;
float: left;
padding-top: 104px;
clear: right;
text-align: right;
}

a.arriba {
	position: absolute;
	top: 24px;
	left: 530px;
}

/*vínculos*/

a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a:link {
color: #666666; 
text-decoration: none;
}

a:visited {
color: #666666; 
text-decoration: none;
}

a:hover {
color: #000000; 
text-decoration: none;
}

a:focus { 
text-decoration: none;
}

a:active { 
text-decoration: none;
}