html, body {
margin : 0px;
padding : 0px;
}
body {
color : #656c4a;
background: #404040 url(images/ggg.jpg) repeat;
width : 100%;
font: 82% "Book Antiqua"
/* font : 76% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; */
}
/* Links within paragraphs (subtle) */
p a {
color: #666666;
background : inherit;
text-decoration: none;
}
/* **************** Al pasar por links dentro de paragraphs *********************** */
p a:hover {
/*color: #EAE8D0;*/
background : inherit;
text-decoration: underline;
}
#container {
width : 750px;
margin : 0 auto;
padding: 5px;
background: #F2EFDB url(images/fondo.jpg) repeat;
color : #333;
line-height : 1.5em;
}
/* ***************** TOP TITLE BAR ********************* */
#top {
margin:0;
padding : 0;
color:#333;
background : #404040 /* url(images/hhh.jpg) no-repeat */;
border-bottom : 0px solid #fff;
height:144px;
}
#top h1 {
padding : 20px 0px 0 15px;
margin : 0;
font : 110% "Book Antiqua";
letter-spacing:5px;
text-align:left;
color:#EAE8D0;
background:transparent;
}
#top p {
padding : 5px;
font-size: .8em;
color: # #EAE8D0;
font : 95% "Book Antiqua";
}
#top a:link, #top a:visited {
color: #EAE8D0 ;
background:transparent;
text-decoration: none;
}
#top a:hover {
color: #EAE8D0;
background:transparent;
text-decoration: underline;
}
/* *************** LEFT SIDEBAR ***************************/
#leftnav {
float : left;
width : 140px;
margin : 0;
padding : 5px;
color : #EAE8D0;
background : #9C9473;
border-right-width: 3px;
border-bottom-width: 3px;
border-right-style: solid;
border-bottom-style: solid;
}
#content {
margin: 0px 0px 0px 180px;
/*
border: 1px solid;
margin :40px 0 0 180px;
padding: 0px;
*/
}
#content a:hover {
color: #5F5C51;
}
#backto {
margin :0px 0 0 0px;
padding : 10px;
}
#footer {
clear : both;
margin : 0 ;
padding : .5em;
color : #EAE8D0;
background : #404040;
border-top : 0px solid #520934;
}
#footer a:link, #footer a:visited {
font-size: .9em;
color : #eee;
background : inherit;
text-decoration : none;
}
#footer a:hover {
font-size: .9em;
color :#fff;
background:inherit;
text-decoration : underline;
}
#leftnav p {
margin : 5px 0 10px 5px;
}
h2 {
margin : 0;
margin-bottom: 2px;
padding : 8px 0 7px 5px;
font : 140% "Book Antiqua";
letter-spacing:2px;
border-bottom: 1px solid #656C4A;
color:#656C4A;
background:inherit;
}
h3 {
margin : 0;
padding : 10px 0 0px 0px;
font : 130% Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color:#EAE8D0;
background:inherit;
}
h5 {
list-style-type: square;
background: inherit;
color: #FFFFFF;
margin: 0 -5px 0 0;
padding: 0;
}
h7 {
margin : 0;
padding : 8px 0 5px 5px;
font : 50% Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
border-top: 1px solid #656C4A;
color:#656C4A;
background:inherit;
}
#footer img {
float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
margin : 0;
}
/* end */
.happy {
border-top : 1px solid #808080;
padding : 10px;
}
/* ************************** Links del cuerpo ********************* */
a:link, a:visited {
font-size: .9em;
color : #5F5C51 ;
background : inherit;
text-decoration : none;
}
/* ****************************** Al pasar por el link con cursor en menues internos ************************** */
a:hover {
font-size: 1.0em;
color : #5F5C51 ;
background : inherit;
text-decoration : underline;
}
a:active {
font-size: .9em;
color : #5F5C51 ;
background : inherit;
text-decoration : none;
}
img {
border : 1px solid #656C4A;
margin: 5px 15px 10px 0px;
padding: 10px;
}
/* ******************* Imagenes flotantes con bordes **************** */
.imgright {
float: right;
border: 1px solid #656C4A;
margin: 5px 15px 10px 10px;
padding: 10px;
}
.imgleft {
float: left;
border: 1px solid #656C4A;
margin: 5px 15px 10px 0px;
padding: 10px;
}
#menu {
width: 100%;
height: 23px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
background: #A6C3AD url(images/pt02.jpg) no-repeat;
color: /*#000 */;
}
/* ************** Cuadraditos de la izquierda *************** */
#navlist li {
list-style-type: square;
background: inherit;
color: #FFFFFF;
margin: 0 -5px 0 0;
padding: 0;
}
/* ******************** Gallery son las fotos del cuerpo ***************** */
#gallery {
empty-cells: hide;
float: inherit;
padding-top: 30px;
position: static;
top: auto;
vertical-align: top;
}
#gallery img {
float: left;
padding: 10px;
}
.clear {
clear: left;
}
.quote {
width: 130px;
margin: 0;
border : 1px #fff;
padding : 10px;
color:#656C4A;
background: #E4DCB2;
font-size: .9em;
}
.search {
background: #E4DCB2;
color: #000;
border-top: 1px solid #F0E9DD;
border-bottom: 1px solid #F0E9DD;
clear: both;
text-align: left;
padding: 5px 0 5px 0;
}
form {
margin: 0;
}
h4.style1 {font-size: 16px;}
.style1 {font-family: "Book Antiqua";}
.style2 {font-size: medium}