@charset "utf-8";
/* CSS Document */

/*reset de: font, margin y padding*/

body, p, h1, h2, h3, h4, h5, div, span, a, input, textarea, select, option, form {
font: 13px Arial, Sans-Serif; 	
color: #70615c; 
margin: 0; 
padding: 0;
line-height: 20px;
}

/*color de fondo*/

body {
background-color: #ebebeb;
}

/*color de fondo*/

h1 {
font: 14px Georgia, "Times New Roman", Times, serif;
color: #e59130;
padding-top: 30px;
line-height: 17px;
font-weight: bold;
font-style: italic;
}

h2 {
font: 14px Georgia, "Times New Roman", Times, serif;
color: #939598;
padding-top: 30px;
line-height: 17px;
font-weight: bold;
font-style: italic;
}


/*reset de: img*/

img {
border: none;
margin: 0; 
padding:0; 
}


/*Top*/

#fondo_top {
width: 100%;
height: 450px;
margin: 0 auto;
background-image: url(../jpg/fondo_top.jpg);
}

#contenedor_menu {
width: 1000px;
height: 115px;
margin: 0 auto;
background-image: url(../jpg/logo.jpg);
background-repeat:no-repeat;
}

#menu {
width: 445px;
height: 28px;
padding-left: 555px;
padding-top: 87px;
}

#contenedor_flash {
width: 1000px;
margin: 0 auto;
background-image: url(../jpg/separador_negro.jpg);
background-repeat: no-repeat;
padding-top: 35px;
}


/*Frase*/

#contenedor_frase {
width: 1000px;
margin: 0 auto;
background-image: url(../jpg/frase.jpg);
}


/*Columnas*/

#contenedor_columnas {
width: 1000px;
margin: 0 auto;
}

.col_izquierda {
width: 270px;
margin-left: 50px;
float: left;
}

.col_medio {
width: 270px;
margin-left: 45px;
float: left;
}

.col_derecha {
width: 270px;
margin-left: 45px;
float: left;
}

.doble_col {
width: 585px;
margin-left: 50px;
float: left;
}

.limpiar {
clear: left;
height: 40px;
}

.separador {
width: 900;
height: 80px;
margin-left: 50px;
float: left;
}

.vacio {
display: block;
width: 250px;
height: 1px;
}

.foto {
width: 270px;
height: 270px;
padding-left: 10px;
}

a#carpenter {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/carpenter.jpg);
}

a#carpenter:hover {
background: url(../jpg/carpenter.jpg) 0 -250px;
}

a#clinton {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/clinton.jpg);
}

a#clinton:hover {
background: url(../jpg/clinton.jpg) 0 -250px;
}

a#grandfather {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/grandfather.jpg);
}

a#grandfather:hover {
background: url(../jpg/grandfather.jpg) 0 -250px;
}

a#kids {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/kids.jpg);
}

a#kids:hover {
background: url(../jpg/kids.jpg) 0 -250px;
}

a#father {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/father.jpg);
}

a#father:hover {
background: url(../jpg/father.jpg) 0 -250px;
}

a#clark_home {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/clark_home.jpg);
}

a#clark_home:hover {
background: url(../jpg/clark_home.jpg) 0 -250px;
}

a#huerto {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/huerto.jpg);
}

a#huerto:hover {
background: url(../jpg/huerto.jpg) 0 -250px;
}

a#barn {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/barn.jpg);
}

a#barn:hover {
background: url(../jpg/barn.jpg) 0 -250px;
}

a#house_renovation {
display: block;
height: 250px;
width: 250px;
background:url(../jpg/house_renovation.jpg);
}

a#house_renovation:hover {
background: url(../jpg/house_renovation.jpg) 0 -250px;
}

img#heritage {
margin-top: 20px;
}

a#hill {
text-decoration: none;
color: #f99d34;
display: inline;
}

p.marginado {
margin-top: 30px;
margin-bottom: 30px;
}


/*Footer*/

#fondo_footer {
width: 100%;
height: 115px;
margin: 0 auto;
background-image: url(../jpg/fondo_footer.jpg);
}

#contacto {
width: 1000px;
height: 55px;
background-image: url(../jpg/fondo_contacto.jpg);
margin: 0 auto;
}

a#mail {
display: block;
height: 55px;
width: 185px;
margin-left: 681px;
background:url(../jpg/mail.jpg);
}

a#mail:hover {
background: url(../jpg/mail.jpg) 0 -55px;
}

a span {
display: none;
}

#montangiedg {
width: 200px;
height: 40px;
margin: 0 auto;
}

a#mdg {
display: block;
height: 40px;
width: 200px;
background:url(../jpg/montangiedg.jpg);
}

a#mdg:hover {
background: url(../jpg/montangiedg.jpg) 0 -40px;
}


