/* ======= Layout ========*/
body
{
	font-family: Arial, Verdana, Helveica;
	font-size: 0.8em;
	margin: 0px;
	background: url(img/bk.gif);
}
#outer
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	background: white;
	border-collapse: collapse;
	border-spacing: 0px;
}
#top
{
	background: white;
}
#top a img
{
	border: none;
}
#lat
{
	vertical-align:top;
	background: #e9e9e9;
	width: 184px;
	padding: 10px;
	border-left: 1px solid #bbb;
}
#latD
{
	overflow: auto;
	width: 100px;
}
#main
{ 
	vertical-align:top;
	background: white url(img/notas.jpg) no-repeat;
	width: 556px;
	padding: 90px 10px 10px 10px;
}
#foot
{
	background: white url('img/footer.jpg') no-repeat;
	color: white;
	padding: 0px 0 0 10px;
	height: 43px;
}
/* ====== Encuestas ======*/
#encuesta
{
	/*border: 1px solid black;*/
	padding: 5px 5px 5px 5px;
	font-family: Arial, Verdana;
	font-size: 12px;
	width: 170px;
}
#encuesta div.barra
{
	float:left;
	width: 0;
	height: 0.6em;
	background: #888;
	border: 1px solid transparent;
	margin-top: 0.3em;
}
#encuesta div#barra0
{
	background: #1c7ec2;
}
#encuesta div.resp
{
	text-align: left;
	clear: both;
}
#encuesta div.total
{
	text-align: left;
	clear: both;
	padding-top: 10px;
}
#encuesta div.pregunta
{
	text-align: left;
	clear: both;
	padding-bottom: 10px;
}
#encuesta div.nombre
{
	text-align: left;
	clear: both;
	font-weight: bold;
	color: #1c7ec2;
}
#encuesta div.boton
{
	text-align: center;
	padding: 10px;
}
#encuesta div.porc
{
	float: left;
	margin-left: 5px;
	margin-right: -40px;
}
#encuesta .barrainline
{
	clear: both;
	padding-right: 50px;
	/*width: 100%;*/
}

/* ======= Notas ========*/
.notaT
{
	clear: both;
}
.notaT #volanta
{
	color: #00b0d8;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
}
.notaT #fecha
{
	color: #ff7b06;
	font-weight: bold;
}
.notaT #titulo
{
	color: #1c7ec2;
	font-weight: bold;
	font-size: 125%;
}
.notaT #titulo a
{
	text-decoration: none;
}
.notaT #titulo a:hover
{
	text-decoration: underline;
}
.notaT #copete
{
	padding-top: 3px;
}
.notaT #copete a
{
	color: #1c7ec2;
	text-decoration: none;
}
.notaT #copete a:hover
{
	text-decoration: underline;
}
.notaT #imagen
{
	border: none;
	margin: 0px 15px 0px 0px;
	padding: 10px;
	float: left;
	background: url(img/img_fondo.jpg) left bottom repeat-x;
}

.notaP
{
	clear: both;
}
.notaP #volanta
{
	color: #00b0d8;
	text-transform: uppercase;
	padding-right: 80px;
	position: relative;
	font-weight: bold;
}
.notaP #fecha
{
	color: #ff7b06;
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
}
.notaP #titulo
{
	color: #1c7ec2;
	font-size: 200%;
}
.notaP #copete
{
	color: #1c7ec2;
	font-size: 125%;
}
.notaP #epigrafe
{
	border: 1px solid black;
	margin: 10px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
}
.notaP #imagen
{
	margin: 0px 15px 0px 0px;
	padding: 10px;
	float: left;
	background: url(img/img_fondo.jpg) left bottom repeat-x;
}
.notaP #imagen img
{
	border: none;
}
.notaP #cuerpo
{
	clear: both;
	padding-top: 5px;
}

/* ======= productos ========*/
.productoT
{
	clear: both;
	width: 200px;
	padding: 4px;
}
.productoT #titulo
{
	font-weight: bold;
	font-size: 125%;
}
.productoT #titulo a
{
	color: black;
	text-decoration: none;
}
.productoT #titulo a:hover
{
	text-decoration: underline;
}
.productoT #info
{
	padding-top: 3px;
}
.productoT #imagen
{
	border: none;
	text-align: center;
	width: 200px;
}
.productoT #imagenes
{
	border: none;
	text-align: center;
	width: 200px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.productoT #imagenes td
{
	border: none;
	padding: 3px 4px;
}
.productoP
{
	clear: both;
}
.productoP #titulo
{
	font-size: 250%;
}
.productoP #resumen
{
	font-size: 125%;
}
.productoP #precio
{
	font-size: 125%;
	color: green;
}
.productoP #info
{
	clear: both;
	padding-top: 10px;
}
.productoP #epigrafe
{
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;
	vertical-align: bottom;
}
.productoP #epigrafe img
{
	margin: 0px 10px 0px 0px;
	padding: 5px;
	border: 1px solid black;
	vertical-align: bottom;
}
.productoP #imagenes
{
	border: none;
	text-align: center;
	border-spacing: 0px;
	padding-top: 10px;
}
.productoP #imagenes td.img
{
	
	border: none;
	padding: 3px 8px 3px 0px;
}
.productoP #imagenes img
{
	padding: 5px;
	border: 1px solid #CCC;
}

/* ======= Otros ========*/
.carga
{
	background: url('img/carga.gif') center no-repeat;
}
#barraHorizontal
{
	padding: 5px 0px 5px 0px;
	clear: both;
}
#barraHorizontal hr
{
	height: 1px;
	border-width: 0;
	background-color: #888;
	color: #888;
}
/* ======= Boxes ========*/
div#bannerH
{
	text-align: center;
	padding: 10px 0px;
	clear: both;
}
div#bannerV
{
	text-align: center;
	padding: 10px 0px;
}
div#notas
{
	padding: 10px 0px;
}
table.productos
{
	border: none;
	border-spacing: 10px;
}
table.productos td
{
	border: 1px solid #CCC;
	vertical-align: top;
}
div#texto
{
	padding: 10px 0px;
	vertical-align: top;
}
/* ======= Down Menu =====*/

#menuh-container
{
	/*
	position: relative;
	top: -27px;
	left: 25px;
	*/
	background: url(img/menu.jpg) no-repeat;
	padding-top: 4px;
}

.jquerycssmenu
{
	margin: 0px 0 0 25px;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: transparent;
	border: none;
	height: 30px;
	z-index: 1000;
}

.jquerycssmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 999;
}

.jquerycssmenu ul a
{
	cursor: pointer;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a
{
	display: block;
	padding: 5px 7px 4px 7px;
	margin-right: 3px; /*spacing between tabs*/
	text-decoration: none;
	color: white;
	background: url(img/menu_fondo.gif);
}

.jquerycssmenu ul li a:hover, .jquerycssmenu ul li a.over
{
	background: #fec749;
	color: black;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul
{
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	visibility: hidden;
	border: 2px solid #fec749;
	z-index: 998;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li
{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul
{
	top: 0;
	z-index: 997;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a
{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	background: white;
	color: black;
	padding: 4px 5px;
	margin: 0;
	color: black;
	/*background: #585858;*/
	background: #fec749;
}

.jquerycssmenu ul li ul li a:hover
{ /*sub menus hover style*/
	background: #585858;
	color: white;
}