/* CSS Document */

html {
	background:#CCC;
	margin:0pt;
	padding:0pt;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#contenedor {
	width: 900px;
	margin: 0 auto;
	background: #8AE406;
	background: url("../images/fondo.png");
}
					/***************** HEADER ******************/
	#cabecera {
		background: #FFFF99;
		background-repeat:no-repeat;
		background-image: url("../images/encabezado.jpg");
		display:block;
		width:auto;
	}
	#cabecera_error {
		background-repeat:no-repeat;
		background-image: url("../images/encabezado_error.png");
		display:block;
		width:auto;
	}
		.header{
			width: 100%;
		}
										/* MENU HORIZONTAL */
			.menuhoriz {
				margin: 0;
				padding: 0;
				list-style: none;
				display:block;
			}
			
			.menuhoriz li {
				border: 1px solid #FF9933;
				border-top:none;
				background: #FFCC66;
			}
			.menuhoriz li a:link, .menuhoriz li a:visited {
				padding: 0 .3em;
				display: block;
				text-decoration: none;
				color: #336600;
				background: transparent;
			}
			.menuhoriz li a:hover {
				background: #FF9933;
				color: #FFFF99;
			}
/*			.menuhoriz li a.pedido:link, .menuhoriz li a.pedido:visited {
				color: #FFFF99;
				background: #FF0000;
			}
			.menuhoriz li a.pedido:hover {
				color: #FF0000;
				background: #FFFF99;
			}*/
			/*FIN*/

							/* NOTICIAS */
#noticias {
	color: #FFFF99;
	background: #336600;
/**/
	font-size: 12px;
	border-bottom: 1px double #336600;
}

					/***************** LEFT ******************/
#left {
	float: left;
	width: 140px;
	background: transparent;
	margin: 5px 5px;
}
	.menu1 {
		background: url("../images/fondo_menu.png") repeat-y left top;
		cursor: pointer;
	}
									/* MENU IZQUIERDO */
/*		#menu {
			float: left;
			border: 4px solid #0000FF;
			background:#000000;	
		}
*/		#left ul li{
			/**/
			font-size:14px;
		}
		/* add more for each extra submenu level*/
		#left ul li{
			border-bottom:1px solid #FF9933;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0pt 0pt 0pt -15pt;
			padding:0pt;
			width: 100px;
			float: left;
			position: relative;	
		}
		
		#left ul li ul li,
		#left ul li ul li ul li,
		#left ul li ul li ul li ul li
		{
			border-bottom:1px solid #FF9933;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0pt;
			padding:0pt;
			width: 100px;
			float: left;
			position: relative;	
		}
		/* add more for each extra submenu level*/
		#left ul li ul,
		#left ul:hover li ul li ul,
		#left ul:hover li ul li ul li ul,
		#left ul:hover li ul li ul li ul li ul
		{ 
			display:none;
			left: 60%;  /* izquierda del menu flotante */
			position: absolute;
			top: 0px;
/*			top: -20px;*/
			z-index: 101;
		}
		/* First submenu level*/
		#left > ul > li:hover > ul{
			display: block; /*unhide it*/
			float: right;	
			position: absolute; /* It needs to be absolute for the effect to work.*/
			width: 8em;
		}
		/* For the remaining submenu levels*/
		/* add more for each extra submenu level*/
		#left  ul  li:hover  ul,
		#left  ul  li  ul li:hover  ul,
		#left  ul  li  ul li ul li:hover  ul,
		#left  ul  li  ul li ul li ul li:hover  ul{
			float: right;
			display: block;
			position: absolute;
			width: 7em;
		}
		
		#left ul li:hover ul li{ 
			display: block;
			float: left;   
			width: 100%;
		}
		
		#left ul li a{
			float: left;
			display: block;
			
			text-decoration: none;
			color: black;
		/*	padding: 0 .5em 0 .5em;	*/
		}
		/* The on state for the link when you are on the submenu.
		This should be before the hover state for the link itself*/
		#left ul li:hover {
			background-color: #FF9933;
		}
		/* The link itself */
		#left ul li a:hover { 
			color: yellow;
			text-decoration: none;
		}
		/* The background for the box */
		#left ul li ul li { 
			float: none;
			border-color: #FF9933;
			border-style: solid; 
			border-width: 0 1px 1px 1px;  
			background-color: #FECD67;
			white-space: normal;
			cursor: pointer;
		}
		#left ul li ul li:first-child a{
			border-width: 1px 1px 1px 1px;
		}
		#div_img {
			position:absolute;
			left:214px;
			top:79px;
			width:113px;
			height:143px;
			z-index:102;
			visibility: hidden;
		}
		/*FIN*/
					/***************** CONTENT ******************/
#contenido {
	float: left;
	width: 573px;
	margin: 5px 0px;
	padding: 5px 10px 10px 10px;
	background: #FFFF99;
	border: 3px solid #336600;
}
#contenido_error
{
	width: 80%;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	background: #FFFF99;
	border: 3px solid #336600;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}
					/***************** RIGHT ******************/
#right {
	float: left;
	width: 140px;
	background: transparent;
	margin: 5px 5px;
}
					/***************** FOOTER ******************/
#pie {
	clear: both;
	background: #336600;
}
	#pie table {
		width: 100%;
	}
	#footer {
/**/
		font-size: 11px;
		color: #FFFF99;
	}

					/***************** OTROS ******************/
/* alinear elementos izquierda o derecha */
.izquierda {
	float: left;
}
.derecha {
	float: right;
}

.tit_recuadro {
/**/
	font-size: 18px;
	text-align:center;
}
.tit_recuadro_chico {
/**/
	font-size: 16px;
	text-align:center;
	font-weight: bold;
}
/*
.paginacion {
	border: 1px solid #CCC;
	background-color: transparent;
	width:auto;
}
*/
.clear {
	clear: both;
}
					/* PARA QUITAR EL RECUADRO AZUL DE LAS IMAGENES CON LINK */
img {
	border: 0pt;
}
					/* PARA COLOCAR EL LOGO 3D */
#logo {
	position:absolute;
	top:12px;
	left: 400px; 
	z-index:103;
}
					/* RECUADRO QUE APARECE SOBRE EL NOMBRE DE LA FLOR */
#img_prod {
	border: 4px solid #FFFFFF;
}
										/* BOTON REALIZAR PEDIDO */
a.btn,
a.btn:active, 
a.btn:link, 
a.btn:visited {
	margin: .1em 0; 
	text-decoration: none;
	background: #FFFF99;
	background: url(../images/btn_abajo.png);
	color: #000000;
	font-weight: bold;
	border: 1px outset #FF9933;
	padding: .1em .5em;
	cursor:pointer;
}
a.btn:hover {
	background: url(../images/btn_arriba.png);
	color: #000000;
}
/* FIN */

/* texto del cuadro de flores */
.texto {
/*	font: "Courier New", Courier, monospace;*/
	font-size: 15px;
}

/* ruta del titulo */
.ruta,
.ruta a:link,
.ruta a:visited,
.ruta a:active {
	font-size: 16px;
	color: #336600;
	text-decoration: none;
	text-decoration: overline;
	font-weight: bold;
}
.ruta a:hover {
	color: #FFFF99;
	text-decoration: none;
	text-decoration: overline;
	background-color: #336600;
}

					/***************** FORMS ******************/
form {
/**/
	font-size: 12px;
}
.tit_form {
/**/
	font-size: 14px;
}
.in_texto {
/**/
	font-size: 12px;
	border:solid 1px #336600;
}
.in_cantidad {
/**/
	font-size: 12px;
	border:solid 1px #336600;
	text-align: center;	
}
.btn_form {
/**/
	font-size: 12px;
/*	border: outset 1px #000;*/
	font-weight: bold;
	background: #FF9933; 
	background: url(../images/btn_abajo.png);
}
.btn_form:hover {
	background: url(../images/btn_arriba.png);
}
select {
/**/
	font-size: 12px;
	border:solid 1px #336600;
}
textarea {
/**/
	font-size: 12px;
	border:solid 1px #336600;
}
	/* header tabla ver pedido */
.tit_tabla_pedido {
	background: #000000;
	color:#FFFF99;
}
.tabla_pedido tr td {
	text-align:center;
}
/* pag flores titulo de la flor*/
.tit_flor{
/**/
	font-size: 22px;
	text-align: center;
	color: red;
	text-decoration: underline;
}

.nodisponible {
	color:#FF0000;
	text-align: center;
}

/* pag noticias */
.table_noticias {
	border: 2px solid #336600;
}
.a_noti,
.a_noti:link,
.a_noti:visited {
	font-weight: bold;
	color: #000000;
}
.img_noti{
	border: 1px solid #336600;
}

/* pag ofertas */
.table_ofer {
	border: 2px solid #336600;
}
.img_ofer{
	border: 1px solid #336600;
}
/* pag directorio y puntos de venta*/
.dir_cat{
	font-weight:bold;
	color:#336600;
}
.dir_cat a{
	font-weight: normal;
}
.d_cat{
	font-weight:bold;
}
.d_cat * {
	font-style:normal;
}
.titulo_pais {
	color: #FF0000;
	font-size: 20px;
	text-decoration: underline;
}
.pventas tr,
.pventas tr td {
	border-right: double;
	border-left: double;
	border-color: #FFC71C;
}
.pventas .parraf {
	border: none;
}

/* pags: acerca_de, ventas, instalaciones, directorio */
.tit_pag{
	text-align: left;
	font-style: normal;
/**/
	font-size: 26px;
	color: red;
	text-decoration: underline;
}
/* parrafo contenido */
.parraf {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.enviado {
	color: #336600;
	font-size: 18px;
}
.no_enviado {
	color: #FF0000;
	font-size: 18px;
}



/*
#error {
	font:normal 10px/15px verdana;
	padding:5px 5px 5px 5px;
}
*/


										/* BOTON BANNER */
/*a#banner_on,
a#banner_on:active, 
a#banner_on:link, 
a#banner_on:visited {
	margin: .1em 0; 
	text-decoration: none;
	background: #FFCC66;
	color: #000000;
	border: 1px outset #FF9933;
	padding: .1em .5em;
	cursor:pointer;
}
a#banner_on:hover {
	background: #FF9933;
	color: #FFFFFF;
	cursor:pointer;
}
/* FIN */

							/* BANNER */
/*
#banner {
	position:absolute;
	left:821px;
	top:213px;
	width:125px;
	height:175px;
	z-index:102;
	visibility: hidden;
}
*/
					/* PARA ARRASTRAR EL BANNER */
/*
.contenedor {
	width:125px;
	height:175px;
	position: absolute;
	left:821px;
	top:213px;
}

.movible {
/*	width: 10%%;
	height: 20px;*/
/*	width:125px;
	height:175px;
	background: transparent;
	cursor: move;
}
/* FIN */

/*
.home {
	height:22px;
	text-decoration:none;
	voice-family:inherit;
	font:"Comic Sans MS", "Courier New", Tahoma;
	font-size: 14px;
/*	border: 3px solid #FFFF99;*/
/*
}
.home:link, .home:visited {
/*	background:transparent url(img/menu12.png) repeat scroll ;*/
/*	background: transparent;
	color: #336600;
	display:block;
	padding:10px 0pt 0pt 0px;
}
.home:hover {
	background:transparent;/* url(../img/menu12.png) repeat scroll 0pt -32px;*/
/*	color:#000000;
	padding:10px 0pt 0pt 30px;
}
*/
/*
.blur{
	background: transparent url(../images/shadow1.png);
	color: inherit;
	margin-left: 2px;
	margin-top: 2px;
}		
.shadow{
	background: transparent url(../images/shadow2.png);
	color: inherit;
}	
.shadow,
.cont{
	position: relative;
	bottom: 0px;
	right: 2px;
}		
.cont{
	padding: 0 5px 0 5px;
}*/ 



/*
.pres{
	font-weight: bold;
}
.tit_ped{
	text-align:center;
	color:#FF0000;
}
.tit {
	text-align: left;
	font-style: normal;
	font-size: 26px;
	color: red;
	text-decoration: underline;
}

*/