﻿body
{
margin: 0;
padding: 0;
width: 100%;
height: 97%;
font-size: 12px;
font-family: trebuchet ms;
background-color: #003580;
color: #666666;
background: url(../img/back1.png);
}

h3
{
padding-top: 0;
margin-top: 0;
color: #017A35;
font-size: 18px;
}

#contenedor
{
width: 1024px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
position: relative;
}

#nota
{
font-size: 0.8em;
font-style: italic;
color: #bbbbbb;
}

#ofesp li
{
font-size: 1.4em;
}

#pie
{
position: absolute;
top: 830px;
width: 100%;
height: 50px;
}

#logo
{
width: 300px;
height: 100px;
background-color: blue;
position: absolute;
z-index: 1000;
left: 20px;
top: 10px;
background: url(../img/marco1.png);
}

#logo img
{
position: absolute;
left: 25px;
top: 25px;
}

#izquierda
{
width: 700px;
height: 200px;
border-top: 1px solid #017A35;
border-left: 1px solid #017A35;
border-bottom: 1px solid #017A35;
background-color: #000000;
top: 80px;
position: absolute;
}

#fondo
{
width: 700px;
height: 200px;
background: url(../img/fondo0.jpg) no-repeat;
position: absolute;
}

#promo1
{
width: 294px;
height: 170px;
top: 80px;
position: absolute;
left: 700px;
background-color: #fcfcfc;
padding: 15px;
overflow: auto;
border-top: 1px solid #017A35;
border-left: 1px solid #017A35;
border-right: 1px solid #017A35;
border-bottom: 1px solid #017A35;
}

#promo1 div
{
margin-bottom: 10px;
}

#categorias
{
width: 200px;
position: absolute;
top: 282px;
background-color: #D3F4E3;
height: 1000px;
}

#titulo_cat
{
background-color: #9AD1B5;
padding: 5px;
padding-top: 13px;
text-align: center;
font-size: 22px;
color: #017A35;
height: 32px;
border-left: 1px solid #017A35;
border-bottom: 1px solid #017A35;
}

#opciones_cat
{
padding: 5px;
margin-top: 10px;
text-align: center;
border-top: 1px solid #9AD1B5;
border-bottom: 1px solid #9AD1B5;
font-size: 15px;
color: #017A35;
}

#lista_cat
{
padding: 14px;
}

#lista_cat ul
{
padding: 0;
margin: 0;
margin-left: 0px;
list-style: none;
}

#lista_cat ul li
{
font-size: 15px;
margin-top: 10px;
cursor: pointer;
}

#lista_cat ul li div
{
background: url(../img/bullet.png) no-repeat 3px 3px;
padding-left: 25px;
padding-bottom: 5px;
color: #017A35;
}

#menu1
{
position: absolute;
left: 330px;
top: 40px;
}

#menu1 ul
{
margin: 0;
padding: 0;
list-style: none;
}

#menu1 ul li
{
float: left;
font-size: 14px;
width: 160px;
text-align: center;
border-bottom: 2px solid #f0f0f0;
margin-right: 10px;
padding-bottom: 5px;
cursor: pointer;
}

.telefono
{
background: url(../img/telefono2.png) no-repeat 0px 15px;
padding-left: 28px;
padding-top: 14px;
height: 48px;
border: 0;
text-align: left;
font-size: 21px;
position: absolute;
top: 20px;
left: 850px;
color: #017A35;
}

#titulo_fondo
{
background-color: #444444;
color: white;
font-size: 36px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
position: absolute;
left: 390px;
top: 110px;
height: 55px;
}

#numeros
{
margin-top: 10px;
position: absolute;
}

#numeros span
{
font-size: 16px;
display: block;
float: left;
margin-right: 10px;
background-color: #dedede;
color: #444444;
width: 25px;
text-align: center;
font-weight: 800;
cursor: pointer;
}

#contenido
{
position: absolute;
width: 824px;
left: 200px;
top: 282px;
height: 100%;
background-color: #ffffff;
}

#breadcrumb
{
height: 30px;
font-size: 20px;
padding: 10px;
font-weight: 800;
color: #444444;
background-color: #fbfbfb;
text-align: right;
position: relative;
padding-right: 30px;
}

#control_sshow
{
position: absolute;
left: 20px;
top: 10px;
font-size: 12px;
border: 1px solid #f0f0f0;
padding: 5px;
padding-left: 30px;
background: url(../img/pausa.png) no-repeat;
cursor: pointer;
width: 100px;
text-align: left;
}

#breadcrumb2
{
height: 30px;
font-size: 20px;
padding: 10px;
font-weight: 800;
color: #444444;
text-align: right;
background-color: #fbfbfb;
border-bottom: 1px solid #017A35;
padding-right: 30px;
}

#contenido1
{
background-color: #017A35;
height: 380px;
position: relative;
}

#ofertas
{
position: absolute;
top: 20px;
left: 30px;
}

#contenido2
{
padding: 10px;
background-color: #ffffff;
height: auto;
padding-left: 20px;
border-right: 1px solid #017A35;
border-left: 1px solid #017A35;
border-bottom: 1px solid #017A35;
}

#contenido1 div
{
margin-bottom: 5px;
}

#precio_p
{
font-size: 16px;
font-weight: 800;
}

#foto_p img
{
border: 6px solid #ffffff;
margin-bottom: 5px;
}

#foto_pb img
{
border: 3px solid #017A35;
margin-bottom: 5px;
}

#foto_p
{
text-align: left;
height: 120px;
cursor: pointer;
}

#foto_pb
{
text-align: left;
height: 120px;
cursor: pointer;
}

#ref_p1
{
font-size: 14px;
font-weight: 800;
}

#ref_p2
{
font-size: 11px;
}

#form1
{
margin:15px;
}

#form1 label
{
display: block;
float: left;
width: 110px;
vertical-align: middle;
}

#form1 div
{
margin-bottom: 3px;
}

#paginacion
{
margin-top: 20px;
border-top: 1px solid #f0f0f0;
padding: 20px;
float: none;
clear: both;
}

#paginacion img
{
cursor: pointer;
margin-right: 10px;
margin-left: 10px;
vertical-align: middle;
}

#stock_p
{
padding-top: 3px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 800;
}

#stock_p img
{
margin-right: 5px; 
vertical-align: middle;
}

#precio_p img
{
margin-right: 5px; 
vertical-align: middle;
}

#ant1, #sig1
{
cursor: pointer;
}

.oculto
{
display: none;
}

.rtit
{
font-size: 22px;
font-weight: 800;
margin: 0;
padding: 0;
color: #017A35;
}

.rtxt
{
margin: 0;
padding: 0;
font-size: 16px;
}

#faq div.pregunta
{
font-size: 18px;
color: #017A35;
margin-bottom: 5px;
cursor: pointer;
padding:10px;
padding-left: 50px;
background: url(../img/f_der.png) no-repeat 25px 15px;
}

#faq div.respuesta
{
display: none;
margin-left: 30px;
padding: 20px;
border-left: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

#faq
{
display: none;
position: absolute;
width: 824px;
left: 200px;
top: 282px;
height: 100%;
background-color: #ffffff;
}

#tienda_madrid
{
display: none;
position: absolute;
width: 824px;
left: 200px;
top: 282px;
height: 100%;
background-color: #ffffff;
z-index: 1000;
}

#tit_faq
{
height: 30px;
font-size: 22px;
padding: 10px;
font-weight: 800;
color: #444444;
background-color: #fbfbfb;
text-align: right;
position: relative;
}

#tit_tm
{
height: 30px;
font-size: 22px;
padding: 10px;
font-weight: 800;
color: #444444;
background-color: #fbfbfb;
text-align: right;
position: relative;
}

#datos_tienda
{
padding: 20px;
}