body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #543411;
	margin: 0px;
}
img {
	border:none;
}

/*HOME*/
#wrap {
	/*franja tipo cenefa*/
	min-height:170px;
	width: 100%;
	background-image: url(../images/grafica/fondo-header.png);
	text-align: center;
}

/*HOME*/
#wrap header {
	width: 900px;
	margin:0 auto;
}
/*h1 HOME*/
#wrap header h1 {
	width:356px;
	height:154px;
	margin:12px 0 0 0;
	background-image: url(../images/grafica/flor-de-canella-home.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	float: left;
}
#llamenos {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	float:right;
	text-shadow:0.1em 0.1em 0.1em #333;
	margin:65px 15px 0 0;
	line-height:24px;
	letter-spacing: 1px;
}
#llamenos .dest {
	font-size:21px;
	color:#EC6626;
}


/*PAGINA*/
#page-wrap {
	position: relative;
	width: 949px;
	height:615px;
	background-image: url(../images/grafica/fondo-pagina.png);
	background-repeat: no-repeat;
	margin:0 auto;
	background-position: center bottom;
}

#page-wrap2 {
	position: relative;
	width: 949px;
	height:815px;
	background-image: url(../images/grafica/fondo2.png);
	background-repeat: no-repeat;
	margin:0 auto;
	background-position: center bottom;
}
/*header pagina*/
#page-wrap header {
	padding-top:16px;
	height:151px;
}

#page-wrap2 header {
	padding-top:16px;
	height:151px;
}

#page-wrap header h1 {
	float:left;
	width:356px;
	height:151px;
	margin:0 0 0 30px;
	background-image: url(../images/grafica/flor-de-canella.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-position: left bottom;
}

#page-wrap2 header h1 {
	float:left;
	width:356px;
	height:151px;
	margin:0 0 0 30px;
	background-image: url(../images/grafica/flor-de-canella.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-position: left bottom;
}

/*#llamenos-pag {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:right;
	text-shadow:0.05em 0.05em 0.1em #919380;
	margin:78px 34px 0 0;
	line-height:21px;
	letter-spacing: 0px;
}
#llamenos-pag .dest {
	font-size:19px;
	color:#EC6626;
}*/
#llamenos-pag {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	text-shadow:0.05em 0.05em 0.1em #919380;
	line-height:21px;
	letter-spacing: 0px;
	margin-top: 70px;
	margin-right: 34px;
	margin-bottom: 0;
	margin-left: 0;
}
#llamenos-pag .dest {

}

/*NAV - LISTA-LATERAL */
nav.lista-lateral {
	width:190px;
	float: left;
	padding: 20px 25px 20px 18px;
	}
.lista-lateral  ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.lista-lateral li {
	margin: 0;
	padding: 0;
	}
/*tabs*/
ul.tabs {
	height:22px;
	margin-bottom: 1px;
}
ul.tabs li {
}
ul.tabs li a {
	text-align:center;
	text-decoration:none;
	float:left;
	display: block;
	height:17px;
	width:90px;
	padding: 3px 0px;
	color: #FFF;
	background-image: url(../images/grafica/tab1.png);
	background-repeat: no-repeat;
	margin-right: 3px;
}
ul.tabs li a:hover {
	color: #543411;	
}
ul.tabs li a.actual {
	background-image: url(../images/grafica/tab2.png);
}
ul.tabs li a.actual:hover {
	color:#FFF;
}

.lista li a {
	display:block;
	color:#978D72;
	text-transform:uppercase;
	background-image: url(../images/grafica/vineta1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 3px 10px 2px 30px;
	margin: 0;
	border-bottom:1px dashed #C1D462;
	text-decoration: none;
	}
.lista li a:hover, .lista li a.actual  {
	color:#543411;
	background-image: url(../images/grafica/vineta-footer.png);
	}

/*-CONTENIDO PAGINA-*/
.contenido1 {
	float:left;
	position:relative;
	top:-15px;
}
.contenido2 {
	position:relative;
	top:5px;
	margin:0 0 0 165px;
}
.contenido3 {
	position:relative;
	top:-15px;
	margin:0 0 0 190px;
}
h2.titulo2 {
	text-indent:-99999px;
	height:38px;
	margin:0;
}
.dulce {
	background-image: url(../images/titulos/dulce.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.salado {
	background-image: url(../images/titulos/salado.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.quienes {
	background-image: url(../images/titulos/quienes-somos.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.productos {
	background-image: url(../images/titulos/productos.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.contactenos {
	background-image: url(../images/titulos/contactenos.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.atendemos {
	background-image: url(../images/titulos/atendemos.png);
	background-repeat: no-repeat;
	background-position: left;	
}
.contacto{
	background-image: url(../images/titulos/contacto.png);
	background-repeat: no-repeat;
	background-position: left;	
}

.foto {
	width:478px;
	float: left;
}
.info-prod {
	float:left;
	width: 200px;
	padding: 0 0 0 15px;
}
.info-prod h3 {
	color:#8A8166;
	font-size:26px;
	margin:5px 0 2px;
	font-weight: normal;
	line-height: 26px;
}
.info-prod h4 {
	color:#ED6726;
	font-size:13px;
	margin: 15px 0 0;
}
*.top0 {
	margin-top:0;
}
p.subtit {
	color:#978D72;
	margin-top: 4px;
	font-size: 12px;
	text-transform: uppercase;
}
/*QUIENES SOMOS*/
article.flor{
	margin:0 0 0;
	width: 455px;
	float: left;
	color: #09C;
}
article.flores{
	margin:0 0 0;
	width: 576px;
	float: left;
	color: #09C;
}
article.flor p {
	line-height:22px;
	font-size: 12px;
}
.destaca {
	font-size: 13px;
}
/*ATENDEMOS A*/
article.ate {
	margin:10px 0 0;
	width: 400px;
	float: left;
}
article.ate p {
	line-height:26px;
	font-size: 13px;
}
.nice1 {
	float:center;
	margin: 50px 60px 0 0;
	text-align: center;
}
.nice2 {
	position:absolute;
	top:108px;
	right:60px;
}
.nice11 {
	position:absolute;
	top:108px;
	right:60px;
}
.con-anticipacion {
	position:absolute;
	top:129px;
	right:32px;
	color: #EC6626;
}

/*.nice2 {
	position:absolute;
	top:30px;
	left:-175px;
}
*/
/*CONTACTO*/
#tablaContacto {
	margin: 20px 0 0;
}
#tablaContacto td {
	padding: 5px;
}
#tablaContacto td, #tablaContacto th {
    font-size: 12px;
}
#tablaContacto th {
    padding-right:15px;
}
#tablaContacto input {
	background-color: #F2F2F2;
	border: 1px solid #543411;
	color: #222;
	font-size: 12px;
	padding: 3px 4px;
	width: 260px;
}
#tablaContacto textarea {
	background-color: #F2F2F2;
	border: 1px solid #543411;
	color: #333333;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 260px;
}
#tablaContacto .boton {
	background-color: #E05512;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	padding: 4px 45px;
	text-align: center;
	width: auto;
}
#tablaContacto .boton:hover {
	background-color: #CA4E11;
}

/*SLIDESHOW*/
/**set the width and height to match your images**/
#slideshow {
    position:relative;
    height:350px;
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}

/*- MAIN-NAV -*/
.main-nav {
	color: #FFF;
	height:85px;
	position:fixed;
	z-index:1000;
	bottom:0;
	width: 100%;
	text-align: center;
	background-image: url(../images/grafica/fondo-footer.png);
	background-repeat: repeat-x;
	margin: 0;
}

.main-nav  ul {
	list-style-type: none;
	width:650px;
	padding: 0;
	margin:0 auto;
	
	}
.main-nav li {
	text-align:center;
	float:left;
	color:#D9B36A;
	background-image: url(../images/grafica/vineta-footer.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 12px 40px;
	margin: 0;
	}
.main-nav  li:first-child {
	background-image: none;
	}
.main-nav  li a {
	color:#FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	}	
.main-nav  li a:hover, .main-nav  li.destacado a {
	color:#FF0;
}
.main-nav  #f-box1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/*---------varios-----------*/

.clear {
	clear: both;
	float: none;
}