/* CSS Document 
   Página Web Café Tío Pepe / Cafetal Ltda.
   Por Raúl Ramírez Peralta / Diseñador gráfico
   Julio - Agosto 2009
*/

* {
padding:0;
margin:0;
}

html{
height: 100%;
}

img{
border-width: 0;
}

body{
background-color:#3b0a09;
border:0px;
margin:0px;
padding:0px;
height:100%;
font-family: Arial, Helvetica, sans-serif;
}

a{
outline-style: none;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#3b0a09;
text-align:left;
padding-left:15px;
padding-top:3px;
}

/* 
pagina index 
---------------------------- */

#barra{
width:100%;
height:4px;
background-color:#faba00;
}

/* hack ie6 */
* html #barra{
width:auto;
height:4px;
overflow:hidden;
background-color:#faba00;
}

#contenedorgeneral{
width:800px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#headperfil{
width:794px;
height:127px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
border:2px solid #faba00;
border-top:none;
}

#cuerpoheaduno{
background-image:url(../images/fondohead.png);
background-repeat:no-repeat;
width:794px;
height:95px;
border-bottom:2px solid #faba00;
background-color:#3b0a09;
}

#logocafetal{
width:166px;
height:64px;
padding-top:20px;
padding-left:20px;
*text-align:left;
}

* html #logocafetal{
width:766px;
height:64px;
padding-top:20px;
padding-left:20px;
}

*:first-child+html #logocafetal{
width:766px;
height:64px;
padding-left:20px;
}

#botoneraprincipal{
background-image:url(../images/fondobotonera.png);
background-repeat:no-repeat;
background-color:#7a6a5a;
width:794px;
height:30px;
}

* html #botoneraprincipal{
background-image:url(../images/fondobotonerados.png);
background-repeat:no-repeat;
background-color:#7a6a5a;
width:794px;
height:30px;
clear:both;
}

/*
botonera 
*/

#botoncontacto{
float:right;
width:134px;
height:30px;
margin-right:100px;
}

* html #botoncontacto{
float:right;
width:134px;
height:20px;
margin-right:100px;
}

#botonmusica{
width:110px;
height:20px;
margin-top:5px;
margin-right:10px;
padding-top:3px;
float:right;
}

#cuerpoimagencontacto{
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
background-color:#3b0a09;
border:3px solid #3b0a09;
}

* html #cuerpoimagencontacto{
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
background-color:#3b0a09;
}

#barrapuntaredonda{
background-image:url(../images/puntaredonda.png);
background-repeat:no-repeat;
width:800px;
height:8px;
margin-left:auto;
margin-right:auto;
}

* html #barrapuntaredonda{
background-image:url(../images/puntaredondatres.png);
background-repeat:no-repeat;
width:800px;
height:3px;
margin-left:auto;
margin-right:auto;
padding:0px;
clear:both;
}

/* 
contenido footer
---------------------------- */

#footer{
clear:both;
background-image:url(../images/fondofooter.png);
background-repeat:repeat-x;
width:800px;
height:200px;
background-color:#faba00;
margin-left:auto;
margin-right:auto;
}

#botonerasecundaria{
width:800px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#dcd6c6;
list-style:none;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding-top:10px;
border-bottom:1px solid #3b0a09;
text-align:center;
}

#botonerasecundaria ul li{
list-style-type:none;
display:inline;
}

#botonerasecundaria ul{
padding:0;
margin:0;
}

#botonerasecundaria a{
width:800px;
height:20px;
text-decoration:none;
color:#3b0a09;
padding-left:30px;
padding-right:15px;
margin-left:5px;
}

#botonerasecundaria a:hover{
width:800px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
list-style:none;
}

#infopie{
width:800px;
height:150px;
overflow:hidden;
}


#infopieuno{
height:130px;
width:300px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#3b0a09;
padding-top:25px;
padding-left:20px;
}

#infopieuno a{
text-decoration:none;
color:#3b0a09;
}

#infopiedos{
height:130px;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
color:#3b0a09;
padding-top:25px;
padding-right:30px;
float:right;
}

#infopiedos a{
text-decoration:none;
color:#3b0a09;
}

/* 
contenido footer
---------------------------- */

/* 
Contacto
---------------------------- */

#cuerpoinfocontacto{
width:800px;
height:530px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border-top:none;
border-bottom:none;
clear:both;
}

#barratitulocontacto{
background-color:#faba00;
width:800px;
height:30px;
overflow:hidden;
}

* html #barratitulocontacto{
background-color:#faba00;
width:800px;
height:30px;
overflow:hidden;
}

#titulocontacto{
width:520px;
height:30px;
}

*html #titulocontacto{
width:800px;
height:30px;
text-align:left;
}

#divcontactouno{
width:380px;
height:450px;
float:left;
margin-top:30px;
margin-left:35px;
border:1px dashed #EFEFEF;
}

*html #divcontactouno{
width:380px;
height:450px;
float:left;
margin-top:30px;
margin-left:15px;
border:1px dashed #EFEFEF;
}

#espacioformulario{
height:25px;
width:360px;
margin-left:20px;
}

#espacioformulario{
width:250px;
height:250x;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
}

#espacioformulariouno{
width:70px;
height:25px;
float:left;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
padding-top:3px;
text-align:right;
margin-left:15px;
}

#espacioformulariodos{
width:160px;
height:25px;
float:left;
}

#espaciotextoenviar{
width:270px;
height:100px;
margin-top:5px;
float:right;
margin-right:20px;
}

#botonesmail{
width:400px;
height:25x;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
}

#divbotonenviar{
width:80px;
height:25px;
float:right;
margin-right:20px;
padding-right:30px;
}

#divborrar{
width:80px;
height:25px;
float:right;
margin-right:30px;
padding-right:30px;
}

#divcontactodos{
width:350px;
height:470px;
float:right;
margin-top:25px;
margin-right:15px;
}

#placabronce{
background-image:url(../images/placabronce.png);
background-repeat:no-repeat;
width:300px;
height:200px;
margin-top:10px;
margin-left:20px;
}

#infocontacto{
width:270px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}

#infocontacto a{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
text-decoration:none;
}

#fotobuzon{
width:350px;
height:230px;
}

.botonborrar{
background-color:#3b0a09;
float:left;
width:80px;
height: 19px;
text-decoration:none;
border:1px solid #442520;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:2px;
}

.botonenviar{
background-color:#3b0a09;
float:left;
width:80px;
height: 19px;
text-decoration:none;
border:1px solid #442520;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:2px;
}

#contenedorgracias{
width:650px;
height:200px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}

#gracias{
width:650px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}

#volvertiopepe{
width:300px;
height:100px;
margin-left:auto;
margin-right:auto;
}