/*
 * @author ( Glifik )
*/
/********************************* SUNUNK ********************/
@font-face {
	font-family: 'Lancelot', cursive, verdana, arial, helvetica;
}
#all{
	background: #87601d url("background_01.jpg") no-repeat scroll 50% 0;
}

div#headerArea{
	background: url('header.jpg') no-repeat scroll center top transparent;
	height:184px;
}

div#breadcrumbs ul.menu li{
	position:relative;
	top:0px;/*top:13px;*/

}

div#breadcrumbs ul.menu li.active a:link,div#breadcrumbs ul.menu li.active a:visited {
	background: none repeat scroll 0 0 #6F7630;
	border-bottom:1px solid #6F7630;
    	color: #FFFFFF;
    	padding: 14px;
}

div#breadcrumbs ul.menu li.active a:hover,div#breadcrumbs ul.menu li a:hover {
	background: none repeat scroll 0 0 #6F7630;
	border-bottom:1px solid #6F7630;
	color: #FFFFFF;
    	padding: 14px;
}
div#breadcrumbs ul.menu li.parent ul{
	top:35px;
}

div#breadcrumbs ul.menu{
	width:850px;
	font-size:1.25em;
	margin:0 auto;
	height:42px;
	float:left;
	position:relative;
	left:31px;
}

#header ul li a:link, #header ul li a:visited {
    	display: inline-block;
	height:13px;

}

div#breadcrumbs-logo{
	background: url('../images/header-menu.html') no-repeat scroll top transparent;
	height:42px;
	width:149px;
	float:right;
	padding:0 18px 0 0;
}

div#breadcrumbs{
	width:960px;
}
#wrapper2 {
  padding-top: 0;
}
#main
{

min-height:522px

}

#footer-outer{
	background: url("footer.jpg") no-repeat 50% 0 #616F31;
	height:200px;
	
}

p#copyright{
	float: left;
    	padding: 140px 0 0 40px;
}

p#design{
	float: right;
    	padding: 140px 40px 0 0;
}


/**** Menu Izquierdo****/
div#nav.left1 div.moduletable ul.menu{
	background:none;
	width:200px;
	left: 25px;
    	position: relative;
}

div#nav.left1 div.moduletable ul.menu li{
	display: block;
	margin: 0;
	padding: 5px 6px;
	width:185px;
}

#menuLeft{
	background:url(menu-corner-left.jpg) no-repeat;
	width:19px;
	height:42px;
	float:left;
	position:relative;
	left:31px;
}
#menuRight{
	background:url(menu-corner-right.jpg) no-repeat;
	width:19px;
	height:42px;
	float:left;
	position:relative;
	left:31px;
	
}

div#nav.left1 div.moduletable ul.menu li a {
	/*background:url(../images/menu-prod.jpg) no-repeat;*/
	font-size:0.95em;
	
	/*width:230px;	*/
}

div#nav.left1 div.moduletable ul.menu li a{
/*
	position: relative;
    	left: 18px;*/
}

div#nav.left1 div.moduletable ul.menu li a span{
	width:100%
	margin:0 auto;
}


/***********-estilos contenido----------------------------------------********************/

#main p,
#products td, #products th{
	color: #ffffff;
    font-family: verdana, arial, helvetica;
    font-size: 14px;
    line-height: 18px;
	text-align: justify;
	font-weight:normal;
	}	
	
	#main h1, #main h2{
	color: #8f7b32;
	font-family: "Lancelot",cursive,verdana,arial,helvetica;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	line-height: 40px;
	padding-top: 0;
	text-align: left;	
	}
	#main h3{
	color: #ffffff;
	font-family: cursive,verdana,arial,helvetica;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
	text-align: left;	
	}
	#main h4{
    color: #8F7B32;
    font-family: 'Playball', cursive, verdana, arial, helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
	}
	
	#main h5{
    color: #8F7B32;
    font-family: 'Lancelot', cursive, verdana, arial, helvetica;
    font-size: 14px;
    font-style: italic;
    /*font-weight: bold;*/
    line-height: 24px;
    padding:0 25px;
    text-align: center;
	}

	#main h6{
	font-size:12px;
	font-family: Verdana, Arial, Helvetica;
	text-align: left;
	color: #ffffff;
	line-height:20px;
	font-weight:normal;
	padding: 0px 20px 45px;
	}
	
	#main ul{
	

	padding-left:40px;
	width:auto;
	
	}
	#main li{
	font-family: verdana,arial,helvetica;
    font-size: 12px;
    line-height: 22px;
	text-align: justify;
	font-weight:normal;
	padding-left:20px;
	list-style-type:square;
	color: #fff;
	}
#main li span{
	font-size: 14px !important;
	font-style: italic;
}	
	.bold, strong{
	font-weight: bold;
	}

a:link, a:visited, #main a:active {
    color: #864D19;
    font-weight: bold;
    text-decoration: none;
}

#main a:hover,
#main a:focus
{
	background:#8F7B32;
	color:#fff;
}
div.p-left,
div.p-right{
	max-width:45%;
	float:left;
}
div.p-right{
	margin-left:10%;
}
p#presentaciones a{
	color:#fff;
}
/*****Productos */
div#tr_fotos_productos{
	display: inline-block;
	margin: 0 auto;
	max-width: 650px;
}
div#tr_fotos_productos div{
	float:left;
}
div#tr_fotos_productos div h6{
	font-size: 14px;
	font-style: italic;
	margin: 0 auto;
	max-width: 132px;
	padding-bottom: 20px;
}
div#tr_fotos_productos div p img{
	max-width:196px;
	height:auto;
}
div#tr_fotos_productos div#uno p img{
	margin-right:20px;
}
/**** ends Productos*/
div#img-inup{
	max-width:40%;
	float:left;
}
div#img-inup p img{
margin-top: 6px;
}
div#nuestra-region div#img-inup{
	max-width:50%
}
div#nuestra-region div#txt-inup{
	max-width:50%
}
div#nuestra-region div p img{
	width:280px;
}
div#nuestra-region div#txt-inup p{
	margin-left:30px;
}
div#txt-inup{
float: left;
max-width: 60%;
}
div#txt-inup p{
	padding-left:15px;
}
/*div#boton a:link, div#boton a:visited {
    background-color: #f44336;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


div#boton a:hover, div#boton a:active {
    background-color: red;
}*/
/*********** Termina estilos contenido----------------------------------------********************/


div#nav.left1 div.moduletable ul.menu li ul li{
	background:none;
}
div#nav.left1 div.moduletable ul.menu li.active ul li a{
	background: url("../images/sub-menu-prod.html") no-repeat scroll 0 0 transparent;
    	color: white;
    	left: 12px;
    	position: relative;
	/*padding:12px 0px;*/
	display:block;
	height:21px;
}
div#nav.left1 div.moduletable ul.menu li.active ul li a:hover,div#nav.left1 div.moduletable ul.menu li.active ul li.active a{
	background: url("../images/sub-menu-prod-hover.html") no-repeat scroll 0 0 transparent;
    	color: white;
    	left: 12px;
    	position: relative;
	

}


div#nav.left1 div.moduletable ul.menu li a:hover,div#nav.left1 div.moduletable ul.menu li.active a{
	background:url(../images/menu-prod-hover.html) no-repeat;
	color:white;	
	left: 0px;
    	position: relative;	
}

div#nav.left1 div.moduletable ul.menu li a{
	background:url(../images/menu-prod.html) no-repeat;
	display:block;
	
}


div#nav.left1 div.moduletable ul.menu li a:link,div#nav.left1 div.moduletable ul.menu li a:visited{
	padding:15px 0;
}

/*Centrado Texto de Menu Productos*/

div#nav.left1 div.moduletable ul.menu li.item-111 a span
{
	display: block;
    	margin: 0 auto;
    	width: 35%;	
}
div#nav.left1 div.moduletable ul.menu li.item-118 a span
{
	display: block;
    	margin: 0 auto;
    	width: 30%;	
}
div#nav.left1 div.moduletable ul.menu li.item-122 a span
{
	display: block;
    	margin: 0 auto;
    	width: 35%;	
}
div#nav.left1 div.moduletable ul.menu li.item-123 a span
{
	display: block;
    	margin: 0 auto;
    	width: 60%;	
}
div#nav.left1 div.moduletable ul.menu li.item-124 a span
{
	display: block;
    	margin: 0 auto;
    	width: 40%;	
}
div#nav.left1 div.moduletable ul.menu li.item-128 a span{ /*inicia chocolate*/
	display: block;
    	margin: 0 auto;
    	width: 50%;	
}
div#nav.left1 div.moduletable ul.menu li.item-129 a span {
	display: block;
    	margin: 0 auto;
    	width: 62%;	
}
div#nav.left1 div.moduletable ul.menu li.item-130 a span {
	display: block;
    	margin: 0 auto;
    	width: 62%;	
}
div#nav.left1 div.moduletable ul.menu li.item-131 a span {
	display: block;
    	margin: 0 auto;
    	width: 52%;	
}
div#nav.left1 div.moduletable ul.menu li.item-133 a span {
	display: block;
    	margin: 0 auto;
    	width: 52%;	
}
div#nav.left1 div.moduletable ul.menu li.item-134 a span {
	display: block;
    	margin: 0 auto;
    	width: 52%;	
}
div#nav.left1 div.moduletable ul.menu li.item-135 a span {
	display: block;
    	margin: 0 auto;
    	width: 52%;	
}
/* SubMenus*/
div#nav.left1 div.moduletable ul.menu li.item-124 ul li a span,
div#nav.left1 div.moduletable ul.menu li.item-122 ul li a span { /*Pimienta y Canela todos*/
	width: 53%;
}
div#nav.left1 div.moduletable ul.menu li.item-124 ul li.item-119 a span,
div#nav.left1 div.moduletable ul.menu li.item-122 ul li.item-112 a span{ /*Pimienta Blanca y Canela en polvo*/
	padding:6px 0;
}


/*Termina Centrado Texto de Menu*/

/* ** Slider ** */
div#slider div div a {
    display: none;
}

div#slider{
	margin-top:17px;
	max-width:672px;
	
}

/* ** Termina SLIDER ** */


/* ** Contact Form   ** */
div.contact-form {
  max-width: 570px;
}
.contact form {
    	color: #8F7B32;
	background:#F99D1C;
}

.contact input {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #8F7B32;
    width: 415px;
}

textarea#jform_contact_message {
    color: #8F7B32;
    width: 415px;
}

div.contact div.contact-form form#contact-form.form-validate fieldset dl dd input#jform_contact_email_copy {
    height: 14px;
    width: 14px;
}

#header form .button {
    	background: none repeat scroll 0 0 #8F7B32;
    	border: 0px;
    	color: #FFFFFF;
	text-transform: capitalize;	
}

div#slider p {
    color: #fff;
    font-family: 'Noticia Text',cursiva,arial,verdana,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    text-align: left;
}

div#slider p a{
	color:#6F7630;
}

/* ** Termina Contact Form   ** */
/*Table*/
#products {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.93em;
}
#products td, #products th {
    border: 1px solid #CD994D;
    padding: 8px;
    /*text-align: center;*/
    color:#fff;
}

/*#products tr:nth-child(even){background-color: #F6B466;}*/

#products tr:hover {background-color: #EF7512;}

#products th {
    background-color: #6f7630;
	color: white;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 12px;
}
/*end Table*/
/*Tabs*/
ul.tab {
/*background-color: #8f7b32;*/
list-style-type: none;
margin: 0 !important;
overflow: hidden;
padding-left: 0 !important;
}

/* Float the list items side by side */
ul.tab li{
border: 1px solid #8f7b32;
float: left;
list-style-type: none !important;
}

/* Style the links inside the list items */
ul.tab li a {
		background: #6f7630 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
/*ul.tab li a:focus, .active {
    background-color: #ccc;
}*/
ul.tab li a.tablinks.active{
	background:#8F7B32;
	color:#fff;
}
/* Style the tab content */
.tabcontent {
    animation: 1s ease 0s normal none 1 running fadeEffect;
	background: #8f7b32 none repeat scroll 0 0;
	border: 1px solid #8F7B32;
	display: none;
	/*max-width: 412px;*/
	min-height: 312px;
	padding: 0;
}
div.tabcontent h3,
div.tabcontent p{
	text-align:center !important;
}
div.tabcontent p{
	margin-bottom:30px;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
div#Pedido.tabcontent a:link, div#Pedido.tabcontent a:visited {
    background-color: #ffffff;
	color: #333333;
	display: block;
	margin: 20px auto;
	padding: 14px 25px;
	text-align: center;
	text-decoration: none;
}


div#Pedido.tabcontent a:hover, div#Pedido.tabcontent a:active {
    background-color: #F99D1C;
}

div#Pedido.tabcontent a{
	background: #ab1e22 url("../images/order.html") no-repeat scroll center bottom;
	height: 178px;
	width: 125px;
}
/*end Tabs*/

/********************* MODAL **********************************/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
	border: 1px solid #888;
	margin: auto;
	max-width: 420px;
	padding: 20px;
}
div#myModal3.modal div.modal-content p,
div#myModal2.modal div.modal-content p,
div#myModal.modal div.modal-content p{
	color: #616f31;
}
div#myModal.modal div.modal-content p{
	margin-top: 32px;
}
/* The Close Button */
.close,.close2,.close3 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,.close2:hover,.close3:hover,
.close:focus,.close2:focus,.close3:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
div#boton a,
button#myBtn,button#myBtn2,button#myBtn3{
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: normal;
margin: 4px 2px;
padding: 12px 16px;
text-align: center;
text-decoration: none;
transition-duration: 0.4s;
}
.button1 {
    background-color: white; 
    color: #616F31; 
   
}
.button1:hover {
    background-color: #616F31;
    color: white;
}
div#boton a,
.button2 {
    background-color: #AC1719; 
    color: white; 
    
}
div#boton a:hover,	
.button2:hover {
    background-color: white;
    color: #AC1719;
}

/*imageModal*/
#myImgModal {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImgModal:hover {opacity: 0.7;}
/*end imageModal*/

/**************************************end MODAL*/
/*************** Content slider ****************/
/*
essential styles:
these make the slideshow work
*/
#slides{
    height: 440px;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}
.slideContent{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing{
    opacity: 1;
    z-index: 2;
}
/*
non-essential styles:
just for appearance; change whatever you want
*/

.slideContent{
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    color: #fff;
}
/** End Content slider ****************/

a.listado-precios{
	background: #8f7b32 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
}
a.listado-precios:hover{
	background:#fff !important;
	color:#8f7b32 !important;
}
button.readMore{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}
button.readMore:hover{
	text-decoration: underline !important;
	cursor:pointer !important	;
}
div#nuestra-region div#txt-inup p button#myBtn.readMore{
	margin-bottom: 52px !important;
}
div#contact-info p a{
	display: inline-block !important;
}
/*************************** Pedidos ********************************************/
#wrapper2Pedidos {
  margin: 0 auto;
  padding: 15px 0 0;
  width: 90%;
}
table.demoTbl tbody tr td input{
	border:none;
	color:#6F7630;
	text-align: right;
}
table.demoTbl tbody tr td.submit {
	text-align: center;
}
table.demoTbl tbody tr td.submit input{
	background: #aa1f24 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	padding: 10px;
}
table.demoTbl tbody tr td.submit input:hover{
	background: #6F7630;
	cursor:pointer;
}
table.demoTbl tbody tr td.submit{
	border-bottom:1px solid #cd994d;		
}
table.demoTbl tbody tr{
	border-right: 1px solid #cd994d;
	height: 45px;
}
table.demoTbl tbody tr td.total{
	text-align: right;
	font-size:18px;
}
table.demoTbl tbody tr td.label{
	text-align: right;
	font-weight:bold;
}
table.demoTbl tbody tr td h1,
table.demoTbl tbody tr td h2{
	font-size: 30px !important;
	margin-bottom: 5px !important;
}
table.demoTbl tbody tr td.submit:hover{
	background:#F99D1C;
}

table.demoTbl tbody tr.e22 td.b14,
table.demoTbl tbody tr.e22 td.a3,
table.demoTbl tbody tr.e22 td.a2,
table.demoTbl tbody tr.e18 td.b14,
table.demoTbl tbody tr.e18 td.a3,
table.demoTbl tbody tr.e18 td.a2,	
table.demoTbl tbody tr.e2 td.a2,
table.demoTbl tbody tr.e2 td.a3,
table.demoTbl tbody tr.e2 td.b14{
	display:none;
}
table.demoTbl tbody tr.e22 td.b11 h1,
table.demoTbl tbody tr.e18 td.b11 h1,
table.demoTbl tbody tr.e2 td.b11 h1{
font-size: 28px !important;
line-height: 30px !important;
margin-bottom: 0 !important;
margin-top: 30px !important;
padding-bottom: 0 !important;
}
table.demoTbl tbody tr.e39 td.a2 input,
table.demoTbl tbody tr.e38 td.b12 input,
table.demoTbl tbody tr.e37 td.b12 input,
table.demoTbl tbody tr.e36 td.b12 input,
table.demoTbl tbody tr.e35 td.b12 input{
	text-align:left;
}
div#confirmacion{
	
}