/* contenido */

#contenedor {
width: 860px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
position: relative;
}

#bodyindex {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondoindex.jpg) top center no-repeat;
}
#cuerpoindex {
position: absolute;
left: 12px;
top: 0px;
width: 860px;
height: 1310px;
z-index: 1;
}

#bodyquemadoresaceites {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondoquemadoresaceites.jpg) top center no-repeat;
}
#cuerpoquemadoresaceites {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1070px;
	z-index: 1;
}

#body1columna {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo1columna.jpg) top center no-repeat;
}
#cuerpo1columna {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1023px;
	z-index: 1;
}

#body2columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo2columnas.jpg) top center no-repeat;
}
#cuerpo2columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1287px;
	z-index: 1;
}

#body3columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo3columnas.jpg) top center no-repeat;
}
#cuerpo3columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1560px;
	z-index: 1;
}

#body4columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo4columnas.jpg) top center no-repeat;
}
#cuerpo4columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1810px;
	z-index: 1;
}

#body5columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo5columnas.jpg) top center no-repeat;
}
#cuerpo5columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 2060px;
	z-index: 1;
}

#body6columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo6columnas.jpg) top center no-repeat;
}
#cuerpo6columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 2310px;
	z-index: 1;
}

#body7columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo7columnas.jpg) top center no-repeat;
}
#cuerpo7columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 2705px;
	z-index: 1;
}

#body8columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo8columnas.jpg) top center no-repeat;
}
#cuerpo8columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 2968px;
	z-index: 1;
}

#body10columnas {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondo10columnas.jpg) top center no-repeat;
}
#cuerpo10columnas {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 3494px;
	z-index: 1;
}

#bodyaceiteseinciensos {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondoaceiteseinciensos.jpg) top center no-repeat;
}
#cuerpoaceiteseinciensos {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 2110px;
	z-index: 1;
}

#bodyinstrucciones {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondoinstrucciones.jpg) top center no-repeat;
}
#cuerpoinstrucciones {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1466px;
	z-index: 1;
}

#bodycontacto {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background: #e3d8c2 url(images/fondocontacto.jpg) top center no-repeat;
}
#cuerpocontacto {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 860px;
	height: 1188px;
	z-index: 1;
}


/* menu */

#menu
{
	position:absolute;
	z-index: 50;
	left:270px;
	top:6px;
	width: 575px;
	height: 62px;
	line-height: 40px;
	border-bottom: 0px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #85391F;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			310px; /* ancho de las celdas secundarias */
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	padding: .75em 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #85391F;
	text-decoration:none;
}
.sf-menu a {
	padding: .75em .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #85391F;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#85391F;
}
.sf-menu li {
	color:			#85391F;
}
.sf-menu li li {
	background-image: url(images/dropdown.png); /* color de los enlaces secundarios */
}
.sf-menu li li li {
	background:		#9AAEDB;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover {
	background: url(images/topselectionright.png) top right; /* color de los enlaces primarios */
	color: #fff;
	outline: 0;
}


.sf-menu li li a:hover {
background: url(images/topselectionsub.png) top right; /* CAMBIAR LA IMAGEN DE ESTO color de los enlaces secundarios desplegables */
	color: #fff;
	outline: 0;
	}


/* Textos */

.Logo {
color: #872434;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}

.Textos{
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
}

.Titulo {
font-weight: bold; 
font-size: 17px; 
font-family: Arial, Helvetica, sans-serif;
color: #85391F; 
}

.Interlineado{
line-height:14px;
text-align:left;
}

.Resalte_Marron_Oscuro {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: #85391f;
}

.Resalte_Gris_Oscuro {
font-weight: bold; 
font-size: 17px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #3a312a;
}

.Resalte_Fotos {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: #85391f;
text-align:center;
}

.Resalte_Fotos_Marco {
border-width: 1px;
border-style: solid;
border-color: #85391f;
}

.Resalte_Referencia {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: #353128;
text-align:center;
}

.Categoria {
font-weight: bold; 
font-size: 15px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #85391F; 
}

.Categoria_Pulsada {
font-weight: bold; 
font-size: 15px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #E37C00; 
}

.Categoria_Desactivada {
font-weight: bold; 
font-size: 15px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #7d7d7d; 
}

.Resalte_Enlaces_Inferiores {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
letter-spacing:0.3em;
color: #ffffff;
}

.Resalte_Enlaces_Inferiores a:hover {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #DFD39F;
}

.Resalte_DiseArt {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}

.Resalte_DiseArt a:hover {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #C89D64;
}

.Texto_Formulario_Aviso{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
color: #000000;
}

a:hover{
text-decoration: none;
color: #E37C00;
}


/*Formulario */
#contact-wrapper {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	}

#contact-wrapper label {
	display:block;
	float:left;
	font-size:12px;
	color:#7E696D;
	font-weight: bold;
	padding:5px 5px 1px 0;
	width:400px;
	}

#contactform input, #contactform textarea {
	padding:3px;
	font-size:12px;
	color:#444;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:20px;
	}

#contactform .submitBtn {
	background-color:#7E696D;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
	font-weight: bold;
	margin-top:10px;
	cursor:pointer;
	color:#FFF;
	clear:both;
	}

#contactform .error {
	float:left;
	font-style:italic;
	color:#E37C00;
	font-size:11px;
	font-weight:bold;
	}

.emailsent {
	background-color:#7E696D;
	padding:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	}

.emailsent h2, .emailsent p {
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

.emailsent h2 {border-bottom:1px solid #777209;}

.emailsent p {padding-top:10px;}

/*Tabla*/
.tabla
{
clear: none;
overflow: auto;
}

.fila
{
clear: both;
}

.col_titulo
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #3b4b5b;
float: left;
padding: 6px;
/*background: #F0E0A0;
border-color: #F0E0A0; Para poner color a la celda*/
border-style: solid;
border-right-width: 0px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
}

.col
{
float: left;
padding: 0px;
/*border-color: #F0E0A0; Pra poner color a la celda*/
border-style: solid #3b4b5b;
border-right-width: 0px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
}

.col_lista
{
float: left;
padding: 0px;
border:1px solid #3b4b5b;
border-style: solid;
border-right-width: 0px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
}

/*Galeria de Imagenes*/
.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/*Alert*/

#SexyAlertBox-Box {
padding-bottom: 24px;
background: url('images/alert/bg-box-bottom.png') bottom left no-repeat !important;
background: url('images/alert/bg-box-bottom.gif') bottom left no-repeat;}

#SexyAlertBox-InBox {
padding-top: 15px;
background: url('images/alert/bg-box-top.png') top left no-repeat !important;	
background: url('images/alert/bg-box-top.gif') top left no-repeat;}

#SexyAlertBox-BoxContent {
background: url('images/alert/bg-box-body.png') top left repeat-y !important;
background: url('images/alert/bg-box-body.gif') top left repeat-y;
padding: 0px 20px;}

#SexyAlertBox-BoxContenedor {
padding: 0px 0px 5px 55px;
text-align: left;
font-family:Verdana;
font-size:12px;
color:#000;}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
text-align: left;
font-family:Verdana;
font-size:12px;
color:#000;
font-weight:bold;
margin:0px;
padding:0px;}

#SexyAlertBox-Buttons{
text-align:right;}

#SexyAlertBox-Buttons input {
margin: 10px 10px;}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
margin-top:5px;}

#SexyAlertBox-Box .BoxAlert {
background: url('images/alert/dialog-warning.png') top left no-repeat;}

#SexyAlertBox-Box .BoxConfirm {
background: url('images/alert/dialog-help.png') top left no-repeat;}

#SexyAlertBox-Box .BoxPrompt {
background: url('images/alert/dialog-help.png') top left no-repeat;}

#SexyAlertBox-Box .BoxInfo {
background: url('images/alert/dialog-information.png') top left no-repeat;}

#SexyAlertBox-Box .BoxError {
background: url('images/alert/dialog-error.png') top left no-repeat;}

/*LightBox*/

div.SexyLightBox_cb{
margin:0.5em 0;
margin:auto;
font-family:Verdana;}

div.SexyLightBox_cb div.bt{
background:transparent no-repeat scroll 100% 0;
height:28px;
margin:0 0 0 18px;
text-align:left;}

div.SexyLightBox_cb div.bt img{
float:right;
border:0px;
margin:6px 10px;}

div.SexyLightBox_cb div.bt div{
background:transparent no-repeat scroll 0 0;
font-size:0;
height:28px;
left:-18px;
line-height:0;
position:relative;
width:18px;}

div.SexyLightBox_cb div.bt a,div.SexyLightBox_cb div.bt a:hover{
margin:0px;
padding:0px;}

div.SexyLightBox_cb div.bb{
background:transparent no-repeat scroll 0 43%;
height:20px;
margin:0 18px 0 0;}

div.SexyLightBox_cb div.bb div.innerbb{
background:transparent no-repeat scroll 100% 43%;
font-size:0;
height:20px;
right:-18px;
line-height:0;
position:relative;
width:100%;
float:right;}

div.SexyLightBox_cb div.bbnav, div.SexyLightBox_cb div.bbnav div.innerbb{
height:52px;}

div.SexyLightBox_cb div.bbnav{
background-position:0 100%;}

div.SexyLightBox_cb div.bbnav div.innerbb{
background-position:100% 100%;}

div.SexyLightBox_cb div.i1{
border-left: 7px solid #000;
border-right: 7px solid #000;}

div.SexyLightBox_cb div.bb div.nav{
font-size: 11px;
color: #fff;
height:30px;
border-left:0px;
border-right:0px;
padding:10px 0px;
margin:0;
line-height:11px;
float:left;
width:100%;}

div.SexyLightBox_cb div.nav img{
border:0px;}

div.SexyLightBox_cb div.nav strong{
display: block;}

div.SexyLightBox_cb div.bb div.nav img.btLeft{
float: left;
margin: 0 10px 0 0;}

div.SexyLightBox_cb div.bb div.nav img.btRight{
float: right;
margin: 0 0 0 10px;
position:relative;
right:17px;}