@import url('main.css');
 

h1 {
background-image: url('/images/hojatitulo.gif');
background-position: left top;
background-repeat: no-repeat;
font-family: Garamond, Times New Roman, serif;
font-size: 24pt;
font-weight: bold;
color:  #801e00;
text-indent: 80px;
padding-bottom:20px;
}

h2 {
font-family: Garamond, Times New Roman, serif;
font-size: 13pt;
font-weight: bold;
color:  #016b30; 
padding:0;
}

h4 {
font-family: Garamond, Times New Roman, serif;
font-size: 12pt;
font-weight: bold;
color:  #801e00; 
padding:0;
}

p {
padding-top: 10px;
}

#contacto {
width: 260px;
height: 360px;
}

.contacto {
background-image: url('/images/contacto_bkg.png');
background-repeat: no-repeat;
background-position: 7px 100px ;
height: 550px;
}

#info {
width: 200px;
}

#contacto li {
list-style: none;
padding: 10px 0 0 20px;
display: block;
}

label {
width: 200px;
}

input, textarea {
border: 1px solid silver;
}

input {
width: 218px;
}

.submit {
width: 100px;
margin: 20px 0 0 80px;
}

input.error{
border: 1px solid red;;
}

label.error {
font-size: 7pt;
color: red;
}

#content {
padding-top:20px;
}

#content ul {
margin-left: 25px;
}

.fotoshow {
float: right; 
width: 400px; 
margin-left: 10px
}

.fotoshow img {
float: right; 
padding: 5px; 
border: 1px solid #999; 
width: 400px;
}

.copete1 {
width:310px;
float: left;
margin-bottom: 20px;
}

.copete2 {
}