﻿body
{
background: url(../img/botonera.gif) top repeat-x;
font-family: trebuchet ms;
font-size: 11px;
margin: 0;
padding: 0;
color: #666666;
}

p
{
text-align: justify;
}

#contenedor
{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#cabecera
{
height: 280px;
position: relative;
}

#logo
{
position: absolute;
top: 30px;
left: 0px;
}

#logo img
{
border: 0px;
cursor: pointer;
}

#fondo
{
position: absolute;
background: url(../img/bg0.jpg) no-repeat 0px 0px;
height: 210px;
width: 100%;
top: 0px;
color: white;
font-size: 28px;
display: none;
}

#fondo_cont
{
position: absolute;
background: #000000;
height: 210px;
width: 100%;
color: white;
font-size: 28px;
top: 71px;
}

#fondo.reducido
{
height: 110px;
background: url(../img/fondo.jpg);
}

#cabecera.reducido
{
height: 180px;
}

#slogan
{
position: absolute; top: 120px; left: 560px;
}

#slogan.reducido
{
top: 70px;
text-align: right;
top: 70px; left: 460px;
}

#menu
{
width: 700px;
position: absolute;
left: 310px;
top: 20px;
}

#menu ul
{ 
margin:0;
padding:0;
list-style-type: none; 
width:auto; 
}

#menu ul li 
{
position: relative;
display:block;
float:left;
width:127px; 
text-align:center; 
margin: 0 1px 0 0;
color: #666666;
font-weight: 600;
border-left: 2px solid #dedede;
height: 35px;
padding-top: 15px;
cursor: pointer;
}

#menu ul li a
{
text-decoration: none;
color: #666666;
}

#menu ul li a:hover, #menu ul li a.actual
{
text-decoration: none;
color: #333333;
border-bottom: 3px solid #e52b38;
}

.submenu
{
display: none;
position: absolute;
left: 0px;
top: 51px;
padding: 5px;
background: url(../img/pixel.png);
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}

.submenu div
{
height: 15px;
width: 107px;
padding: 5px;
color: #e52b38;
}

#centro
{
float: none;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
height: auto;
position: relative;
}

#menuss
{
position: absolute;
width: 176px;
height: auto;
border: 2px solid #612A80;
left: 280px;
top: 93px;
z-index: 1000;
padding: 10px;
}

#productos1
{
position: absolute;
width: 450px;
height: 440px;
left: 500px;
top: 20px;
}

#productos2
{
margin-top: 20px;
margin-bottom: 50px;
}

#menuss ul
{
padding: 0;
margin: 0;
list-style: none;
font-size: 11px;
}

#pie { margin-top: 10px; float: none; clear: both; border-top: 1px dotted #e0e0e0; text-align: right; padding-top: 5px; padding-right: 10px; margin-bottom: 15px; }
#menuiz { width: 220px; float: left; }
#contenidos { width: 700px; float: right; padding: 10px;  }

#contenidos_frq { width: 620px; float: right; padding: 10px; font-size: 14px; }

#contenidos_frq  div
{ 
margin-top: 1px;
padding: 5px;
}

#menuiz  div.titulo
{ 
font-weight: 800;
font-size: 12px;
background-color: #fafafa;
padding: 5px;
margin-top: 5px;
padding-left: 10px;
}

#contenidos_frq  div.subtitulo
{ 
font-weight: 800;
font-size: 14px;
background-color: #bcbcbc;
padding: 5px;
margin-top: 5px;
color: #333333;
}

#contenidos_frq  div.contenido
{ 
display: none;
margin-bottom: 20px;
float: none;
clear: both;
}

#breadcrumb
{
padding-left: 5px;
/*border-bottom: 1px dotted #e0e0e0;*/
color: #00753b;
height: 15px;
padding-top: 10px;
}

#breadcrumb a
{
color: #666666;
text-decoration: none;
}

#breadcrumb a:hover
{
color: #333333;
text-decoration: none;
border-bottom: 1px solid #e52b38;
}

.seph
{
margin-right: 5px;
margin-left: 5px;
color: #999999;
}

#menuiz img
{
border: 0px;
border-bottom: 1px dotted #eaeaea;
margin-bottom: 5px;
}

#formatos_iconos
{
float: none; clear: both; margin-top: 15px; font-size: 12px; 
}

#formatos_iconos div
{
float: left;
margin-left: 30px;
}

#formatos_iconos div.sup1
{
padding-top: 4px;
margin-left: 10px;
}

#formatos
{
float: left;  width: 380px;
}

#menuiz ul li
{
list-style: none;
margin-top: 0px;
cursor: pointer;
font-size: 16px;
color: gray;
background-color: #efefef;
}

#menuiz ul li div
{
/*background: url(../img/plus.png) no-repeat 0px 2px;*/
padding-left: 86px;
height: 40px;
padding-top: 18px;
}

#menuiz ul
{
padding-left: 1px;
}

#tit_productos
{
background-color: #E52B38;
color: white;
border: 1px solid #666666;
font-weight: 800;
font-size: 18px;
padding: 5px; margin-top: 5px;
}

#categorias
{
overflow: auto;
}

#categorias ul
{
list-style: none;
margin: 0;
padding: 0;
}

.li_par
{
background-color: #f0f0f0;
}

.li_impar
{
background-color: #FDFFF3;
}

#categorias ul li
{
padding: 0px;
list-style: none;
font-size: 14px;
padding: 5px;
cursor: pointer;
/*background: url(../img/bullet1.png) 5px 7px no-repeat;*/
}

#categorias ul li a
{
text-decoration: none;
}

#categorias ul li a:hover
{
color: red;
}

#composicion
{
float: right;
margin-top: 5px;
padding: 5px;
}

#productos2 div.p1
{
letter-spacing: 0.1em;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #dedede;
}

#productos2 div.p1 a
{
text-decoration: none;
color: #31639b;
}

#productos2 div.p1 a:hover
{
text-decoration: none;
color: #12355d;
}

#form1 div span
{
color: red;
margin: 5px;
}

#form1
{
margin: 5px;
padding: 10px;
}

#form1 div
{
margin-top: 5px;
padding: 3px;
}

#form2 div span
{
color: red;
margin: 5px;
}

#pie div
{
color: #aaaaaa;
}

#pie div a
{
text-decoration: none;
color: #aaaaaa;
}

#pie div a:hover
{
text-decoration: underline;
color: #666666;
}

#map
 {
width: 100%;
height: 250px;
}

input
{
border: 1px solid #dedede;
background-color: #fafafa;
color: #aaaaaa;
width: 80px;
padding: 1px;
font-size: 11px;
}

select
{
color: #aaaaaa;
border: 1px solid #dedede;
background-color: #fafafa;
margin-right: 5px;
padding: 1px;
font-size: 11px;
}

textarea
{
color: #aaaaaa;
border: 1px solid #dedede;
background-color: #fafafa;
margin-right: 5px;
padding: 1px;
font-size: 11px;
}

#menuiz div
{
margin-top: 4px;
}

.flota0
{
float: none;
clear: both;
}

.flotai
{
float: left;
width: 60px;
}

.flotad
{
float: left;
}

#form1 p
{
color: red;
border: 1px dotted red;
margin: 2px;
padding: 2px;
}

#map_sac
{
padding: 5px;
border: 2px solid #fafafa;
}

#foto
{
float: right;
margin-top: 20px;
}
#foto div
{
width: 300px; height: 255px; margin-top: 1px; padding: 0px; margin: 0px;
}

h2.dist{
font-weight:13px;
}

ul.dist{
	margin: 0;
	padding: 0;
list-style: none;
}

.dist li
{
margin-top: 5px;
}

.dist li img
{
margin-right: 5px;
vertical-align: top;
}

.enlace{
text-decoration: none;
color: #aaaaaa;
}

.enlace:hover
{
text-decoration: underline;
color: #666666;
}

#ficha_distr img
{
margin-right: 5px;
border: 0;
vertical-align: middle;
}

#ficha_distr a
{
text-decoration: none;
color: #aaaaaa;
padding: 5px;
}

#ficha_distr
{
float: right; 
position: relative; 
width: 670px; 
text-align: right; 
font-size: 16px;
}

#cat_sel1
{
font-size: 14px;
background-color: #F37C84;
color: white;
font-weight: 600;
}
