/*---------CSS Tienes grano Coffee Company-----------*/
/*---------Northtec Media----------------------------*/
body {
	/*background-image: url(../images/cof_bg4.jpg);
	background-repeat: repeat x;
    background-attachment: fixed;*/
    background-color:#130801;
    
}
img {
    display:block;
    margin:60px 0px 0px 20px;
    border:0px solid #FFFFFF;
    
}
#wrap {
    margin:10px auto;
	padding: 1px;
    width:900px;
    background-color:#633a22; /*#D4CE96;*/
    border:0px solid red;
}

                                                        #header {
                                                           margin: 1px auto;
                                                           width:894px;
                                                           height:80px;
                                                           background-image: url(../images/header_bg.jpg);
                                                           background-repeat: no-repeat;
                                                           background-color:#010103; 
                                                           border-bottom: 3px solid #426179;
                                                        }
                                                            
                                                            #header_right {
                                                                    margin:20px 20px 15px 0px;
                                                                    width:330px;
                                                                    height: 25px;
                                                                    float:right;
                                                                    background-color:#5c0f0f;
                                                                    -moz-border-right-bottomright: 10px 8px;
                                                                    border-bottom-right-radius: 10px 8px;
                                                                    
                                                                    -moz-border-right-topright: 10px 8px;
                                                                    border-top-right-radius: 10px 8px;
                                                                    
                                                                    -moz-border-left-bottomleft: 10px 8px;
                                                                    border-bottom-left-radius: 10px 8px;
                                                                    
                                                                    -moz-border-left-topleft: 10px 8px;
                                                                    border-top-left-radius: 10px 8px;
                                                            }
                                                            #header_right p {
                                                                    margin:3px 0px 0px 70px;
                                                            }
                                                            /*#header_right ul {
                                                                    float:right;
                                                                    display:inline;
                                                                    
                                                            }
                                                            #header_right ul li {
                                                                    list-style:none;
                                                                    padding:0px 125px 60px 0px;
                                                            }
                                                            
                                                            #header_right ul li a{
                                                                    font-size:12px;
                                                                    color:#e2d9b0;
                                                                    font-family:verdana, sans serif;
                                                                    text-decoration:none;
                                                            }
                                                            #header_right ul li a:hover{
                                                                    font-size:13px;
                                                                    color:#e2d9b0;
                                                                    font-family:verdana, sans serif;
                                                                    text-decoration:underline;
                                                            }*/
                                                            #header_right a {
                                                                    font-size: 13px;
                                                                    font-family: verdana, arial, sans serif;
                                                                    color: #FFFFFF;
                                                                    text-decoration:none;
                                                                    padding: 3px 0px 0px 0px;
                                                                    margin-left: 25px;
                                                                    
                                                            }
                                                            #header_right a:hover {
                                                                    text-decoration:underline;
                                                            }
                                                            #header_left {
                                                                    margin:0px 25px 0px 0px;
                                                                    width:394px;
                                                                    height: 80px;
                                                                    float:left;
                                                                    background-image: url(../images/coffee_sac.jpg);
                                                                    background-position:left;
                                                                    background-repeat: no-repeat;
                                                            }
                                                            /*------------------------------------*/
                                                            #header_main {
                                                                    margin:1px auto;
                                                                    width:894px; 
                                                                    height:175px;
                                                                    background-color: #7e1313;
                                                                    background-image: url(../images/tienes_header.jpg);
                                                                    background-repeat: no-repeat;
                                                                    border-top:2px solid #000000;
                                                                    border-bottom: 3px solid #426179;
                                                            
                                                            }
                                                            
                                                            #header_main_right {
                                                                    margin: 0px auto;
                                                                    width: 300px;
                                                                    height:175px;
                                                                    align:center;
                                                                    float:right;
                                                                    background-color:#000000;
                                                                    border-left:1px solid #dfcfb5;
                                                            }
/*---------------------NAVIGATION-----------
#nav_content {
	margin: 0px auto;
	width: 894px;
	height:40px;
	background-color:#b67d2c;
	border-top:1px solid #010103;
}
#nav_content ul {
	list-style-type:none;
	margin: 10px 2px 0px 2px;
	position:relative;
}
#nav_content ul li {
	display:inline;
        
}
#nav_content ul li a {
	text-decoration:none;
        padding:0px 20px 15px 20px;
        background-color:#000000;
        border-right:1px solid #FFFFFF;

}*/
/*======  Test Navigation========*/
#nav_content {
	margin: 0px auto;
	width: 894px;
	height:32px;
	background-color:#b67d2c;
	border-top:1px solid #010103;
}

#navi ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
#navi li
{
float:left;
margin:0px 0px 0px 0px;
}
#navi a:link,a:visited
{
display:block;
width:138px;
height:25px;
font-weight:normal;
font-size: 15px;
color:#e9d7bd;
font-family:verdana, sans serif;
background-color:#b67d2c;
text-align:center;
padding:7px 5px 0px 0px;
text-decoration:none;
text-transform:uppercase;
border-right:1px solid #6a573d;
border-bottom:0px solid #000000;
}
#navi a:hover,a:active
{
background-color:#94713f;
color:#FFFFFF;
}
li right {
	border-right:1px solid #b67d2c;
}
                                                                                    /*------- BODY -----*/
                                                            #copywrite {
                                                                    margin: 0px auto;
                                                                    width:894px;
                                                                    height:650px;
                                                                    background-color:#d8cca7;
                                                                    border-top: 0px solid #433219;
                                                                    border-bottom:0px solid #6f1414;
                                                            }
                                                            #content_left { 
                                                                    position:relative;
                                                                    margin: 10px 0px 0px 10px;
                                                                    width:455px;
                                                                    height:250px;
                                                                    background-color:#d8cca7;/*#d6bd84;*/
                                                                    background-image: url(../images/map.png);
                                                                    background-repeat: no-repeat;
                                                                    background-position:center;
                                                                    float:left;
                                                                    border-right:0px solid #e0d1bb;
                                                            }
                                                            #content_left_bottom { 
                                                                    position:relative;
                                                                    margin: 30px 0px 0px 10px;
                                                                    width:455px;
                                                                    height:200px;
                                                                    background-color:#d8cca7;/*#d6bd84;*/
                                                                    float:left;
                                                                    border: 1px solid #c1ae73;
                                                                    -moz-border-right-bottomright: 14px 11px;
                                                                    border-bottom-right-radius: 14px 11px;
                                                                    
                                                                    -moz-border-right-topright: 14px 11px;
                                                                    border-top-right-radius: 14px 11px;
                                                                    
                                                                    -moz-border-left-bottomleft: 14px 11px;
                                                                    border-bottom-left-radius: 14px 11px;
                                                                    
                                                                    -moz-border-left-topleft: 14px 11px;
                                                                    border-top-left-radius: 14px 11px;
                                                                    }
                                                            #content_right { 
                                                                    position:absolute;
                                                                    margin: 60px 0px 0px 470px;
                                                                    width:415px;
                                                                    height:430px;
                                                                    background-color:#d8cca7;
                                                                    float:right;
                                                                    border-left:0px solid #d2c497;
																	background-image: url(../images/home_page.jpg);
																	background-repeat: no-repeat;
																	background-position: center;
                                                            }
#content_left_pages {                                            
         position:relative;                                                                 
		 margin: 10px 0px 0px 20px;
	     width:375px;
		 height:470px;
		 background-color:#d8cca7;/*#d6bd84;*/
		/*background-image: url(../images/map.png);
		 background-repeat: no-repeat;
		 background-position:center;*/
		 float:left;
		 border:0px solid #000000;
		 }				
#content_right_pages {
        position:relative;	
		margin: 10px 10px 10px 0px;
		width:445px;
		height:600px;
		background-color:#d8cca7;
		float:right;
		border:0px solid #FFFFFF;
}		 
#footer_box {
	margin:0px auto;
	width:892px;
	height:70px;
	background-color:#010103;
	border-top:3px solid #4d6d85;
	border-bottom:2px solid #4d6d85;
	border-left:1px solid #4d6d85;
	border-right:1px solid #4d6d85;
	background-image: url(../images/cup.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#footer_box p {
	color:#EEEEEE;
	text-align:center;
	font-family:verdana, sans serif;
	font-size:14px;
	margin-top:19px;
}
#footer_right{
	width:300px;
	height:70px;
	background-color:#ffffff;
	float:right;
}
/*===============================================CONTACT=================================*/
#top-login:hover {cursor:pointer;}
#top-contact:hover {cursor:pointer;}
#contact-form {
	width: 580px;	
	height: 200px;	
	float: left;
	padding: 5;	
	margin: 2px 0px 0px 5px;
	position:absolute;
	top: 92px;
	background:#751b06;
	color:#fff;
	display:none;
	border-right: 2px solid white;
}

.invalid{border: 1px solid red;background:#FFFFFF;}
/* .flipbox{top:-1;} */
#contact_send {position:absolute;top:30px;left:400px; color:#000000;}
#contact_cancel {position:absolute;top:30px;left:480px; color: #000000;}
/*#contact_refresh, :visited, :active {font-size:.7em;color:#dcdcdc;}*/
#p_contact_refresh{margin-top:150px;margin-left:400px;}
#cf-table {color:white;}
#cf-table input{padding: 0px 2px 0px 2px;}
/* #cf-table input{margin-top:2px;margin-bottom:2px;} */

                                            /* form elements */
form {
	margin:5px; padding: 5px 10px;
	border: 0px solid #f1f1f1; 
	background-color: #1f1909; 	
	text-align:left;
}

label {
	font-weight:bold;
	margin:5px 0;
	color:#FFFFFF;
}

input.text {
	padding:2px;
	width: 230px;
	border:1px solid #eee;
	font: normal 10px Verdana, sans-serif;
	color:#FFFFFF;
	background-color:#3a3014;

}

input.textarea {
	width:250px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:50px;
	display:block;
	color:#FFFFFF;
	background-color:#3a3014;
}

input.button { 
	font:  12px Arial, Sans-serif; 
	text-align:center;
	height: 20px;
	width: 40px;
	margin: 2px 0px 0px 10px;
	padding: 2px 3px; 
	color: #FFFFFF;
	background: #726339;
	border: 1px solid #FFFFFF;
	float:left;
	
}