/***********/
/* GENERAL */

body {
background:#FFFFFF url(/imagenes/fondo_cabecera.jpg) top center no-repeat;
font-family:"Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
}

a {
color:#BC0925;
}
a:hover {
color:#63002E;
}

#cabecera {
margin: 0 auto;
width: 970px;
padding: 0;
}

a.menu_cabecera{
font-family:Georgia, "Times New Roman", Times, serif;
color: #BC0925;
font-size: 24px;
font-style:italic;
text-decoration:none;
background:url(/imagenes/fondo_menu.gif) center top;
height:44px;
padding: 7px 16px 8px 16px;
}

a.menu_cabecera:hover{
background:#FFE787 url(/imagenes/fondo_menu.gif) center bottom repeat-x;
}

a.menu_cabecera:active{
background:#FFE787 url(/imagenes/fondo_menu.gif) center bottom repeat-x;
}


#contenido {
margin: 0 auto;
width: 900px;
}
 
 /************/
/* PORTADA */

#destacado_portada {
width:455px;
height:118px;
margin:40px auto;
padding: 17px 54px 15px 365px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 19px;
font-style:italic;
background: #660E24 url(/imagenes/destacado_portada.jpg) center top no-repeat;
}

#prod1 {
width: 412px;
margin: 0px 33px 30px 17px;
text-align:center;
float:left;
}

#prod1_foto {
width:400px;
height:300px;
border: 6px solid #EFD1D9;
}

#prod1_texto {
width: 412px;
text-align:center;
padding-top: 8px;
background: url(/imagenes/fondo_prod_texto.gif) top center repeat-x;

}

#prod1:hover #prod1_foto {
border: 6px solid #FFE88D;
}

#prod1:hover #prod1_texto {
background: url(/imagenes/fondo_prod_texto.gif) bottom center repeat-x;
}

a.prod_portada {
font-family:Georgia, "Times New Roman", Times, serif;
color: #BC0925;
font-size: 22px;
font-style:italic;
text-decoration:none;
}

a.prod_portada:hover {
color:#E04B84; 
text-decoration: underline;
}


#prod2 {
width: 412px;
margin: 0px 17px 30px 0px;
text-align:center;
float:left;
}

#prod2_foto {
width:400px;
height:300px;
border: 6px solid #EFD1D9;
}

#prod2_texto {
width: 412px;
text-align:center;
padding-top: 8px;
}

#prod2:hover #prod2_foto {
border: 6px solid #FFE88D;
}

#prod2:hover #prod2_texto {
background: url(/imagenes/fondo_prod_texto.gif) bottom center repeat-x;
}

#prod3 {
width: 412px;
margin: 0px 33px 30px 17px;
text-align:center;
float:left;
}

#prod3_foto {
width:400px;
height:300px;
border: 6px solid #EFD1D9;
}

#prod3_texto {
width: 412px;
text-align:center;
padding-top: 8px;
}

#prod3:hover #prod3_foto {
border: 6px solid #FFE88D;
}

#prod3:hover #prod3_texto {
background: url(/imagenes/fondo_prod_texto.gif) bottom center repeat-x;
}


#prod4 {
width: 412px;
margin: 0px 17px 30px 0px;
text-align:center;
float:left;
}

#prod4_foto {
width:400px;
height:300px;
border: 6px solid #EFD1D9;
}

#prod4_texto {
width: 412px;
text-align:center;
padding-top: 8px;
}

#prod4:hover #prod4_foto {
border: 6px solid #FFE88D;
}

#prod4:hover #prod4_texto {
background: url(/imagenes/fondo_prod_texto.gif) bottom center repeat-x;
}


.titulo_prod{
background:none repeat scroll 0 0 #FFF2C1;
bottom:70px;
height:20px;
margin:0 auto;
padding:10px 20px 10px 40px;
position:relative;
width:auto;
z-index:2;
}

/******************************/
/******************************/
/************SLIDE*************/
/******************************/
/******************************/

#slideshow #slidesContainer {
  margin:0 auto;
  width:400px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  z-index:0;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:380px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:300px;
}

/**
 * Reglas de estilo para las flechas de desplazamiento 
 */
.control {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:20;
}
#leftControl {
  /*top:0;*/
  /*left:0;*/
  background:transparent url(/imagenes/control_izq.gif) no-repeat center;
  /*bottom:-285px; con este ha funcionado alguna vez*/
}
#rightControl {
  /*top:0;*/
  /*right:0;*/
  background:transparent url(/imagenes/control_dcha.gif) no-repeat center;
  bottom:300px;
  left:360px;
  position:relative;
}

/******************************/
/******************************/
/************SLIDE*************/
/******************************/
/******************************/


/******************************/
/******************************/
/************SLIDE2**********/
/******************************/
/******************************/

#slideshow2 #slidesContainer2 {
  margin:0 auto;
  width:400px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  z-index:0;
}

#slideshow2 #slidesContainer2 .slide2 {
  margin:0 auto;
  width:380px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:300px;
}

/**
 * Reglas de estilo para las flechas de desplazamiento 
 */
.control2 {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:20;
}
#leftControl2 {
  /*top:0;*/
  /*left:0;*/
  background:transparent url(/imagenes/control_izq.gif) no-repeat center;
  /*bottom:-285px; con este ha funcionado alguna vez*/
}
#rightControl2 {
  /*top:0;*/
  /*right:0;*/
  background:transparent url(/imagenes/control_dcha.gif) no-repeat center;
  bottom:300px;
  left:360px;
  position:relative;
}

/******************************/
/******************************/
/************SLIDE2************/
/******************************/
/******************************/

/******************************/
/******************************/
/************SLIDE3**********/
/******************************/
/******************************/

#slideshow3 #slidesContainer3 {
  margin:0 auto;
  width:400px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  z-index:0;
}

#slideshow3 #slidesContainer3 .slide3 {
  margin:0 auto;
  width:380px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:300px;
}

/**
 * Reglas de estilo para las flechas de desplazamiento 
 */
.control3 {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:20;
}
#leftControl3 {
  /*top:0;*/
  /*left:0;*/
  background:transparent url(/imagenes/control_izq.gif) no-repeat center;
  /*bottom:-285px; con este ha funcionado alguna vez*/
}
#rightControl3 {
  /*top:0;*/
  /*right:0;*/
  background:transparent url(/imagenes/control_dcha.gif) no-repeat center;
  bottom:300px;
  left:360px;
  position:relative;
}

/******************************/
/******************************/
/************SLIDE3************/
/******************************/
/******************************/

/******************************/
/******************************/
/************SLIDE4**********/
/******************************/
/******************************/

#slideshow4 #slidesContainer4 {
  margin:0 auto;
  width:400px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  z-index:0;
}

#slideshow4 #slidesContainer4 .slide4 {
  margin:0 auto;
  width:380px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:300px;
}

/**
 * Reglas de estilo para las flechas de desplazamiento 
 */
.control4 {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:20;
}
#leftControl4 {
  /*top:0;*/
  /*left:0;*/
  background:transparent url(/imagenes/control_izq.gif) no-repeat center;
  /*bottom:-285px; con este ha funcionado alguna vez*/
}
#rightControl4 {
  /*top:0;*/
  /*right:0;*/
  background:transparent url(/imagenes/control_dcha.gif) no-repeat center;
  bottom:300px;
  left:360px;
  position:relative;
}

/******************************/
/******************************/
/************SLIDE4************/
/******************************/
/******************************/


.destacado_portada {
width: 840px;
margin:30px auto;
position:relative;
font-family:"Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
color:#000000;
}

.destacado_izq {
width: 400px;
background: #FEEFAF url(/imagenes/sup_cuad_porta.gif) top center no-repeat;
float:left;
position:relative;
}

.destacado_dcha {
width: 400px;
/*height:110px;*/
margin-left:40px;
background: #FEEFAF url(/imagenes/sup_cuad_porta.gif) top center no-repeat;
float:left;
position:relative;
}

.destacado_portada h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#BC0925;
font-style:italic;
font-weight:normal;
margin:10px 0 5px 10px;
}

.destacado_portada h3 a{
color:#BC0925;
}
.destacado_portada h3 a:hover{
color:#63002E;
}


.destacado_portada p{
margin:0px 20px 0px 30px;
}


 /**************/
/* SECUNDARIAS*/


#submenu{
width:210px;
margin: 30px 40px 30px 0;
float:left;
position:relative;
background:#FFEB9A;
padding:0px;
}

#submenu_cabecera{
width: 210px;
height:42px;
background:url(/imagenes/cabecera_submenu.jpg) top center no-repeat;
margin-top:0px;
text-align:center;
}



/*

a.submenu170 {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-style:italic;
font-weight:bold;
background:#FFEB9A;
color:#BC0925;
display:block;
padding:5px 0;
text-align:left;
text-decoration:none;
width:170px;
margin:10px 10px 3px;
}

a.submenu170:hover {
background:#990033;
color:#FFEB9A;
}

a.submenu170 div {
padding:0 5px;
}

*/



.submenuprin ul{
list-style:none;
margin-top:0px;
padding-left:10px;
}

.submenuprin ul li{
margin-bottom:6px;
}

a.submenuprinp{
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-style:italic;
font-weight:bold;
color:#BC0925;
padding:3px 5px;
text-align:left;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 20px 0px 0px 0px;
display: block;
width:160px;
background:#FEEFAF;
}

a.submenuprinp:hover {
background:#990033;
color:#FEEFAF;
}


.submenusub{
list-style: circle;
margin-top:0px;
margin-left:0px;
}

.submenusub ul li{
margin-bottom:4px;

}



.submenusub a{
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#BC0925;
padding:2px 3px;
text-align:left;
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background:#FFEB9A;
}

.submenusub a:hover {
background:#990033;
color:#FEEFAF;
}



#submenu_pie{
width: 210px;
height:71px;
background: url(/imagenes/pie_submenu.jpg) top center no-repeat;
margin-bottom:0px;
}

#contenidos {
width:650px;
float:left;
position:relative;
margin: 30px 0;
font-family: Arial, Helvetica, sans-serif;
color: #330000;
font-size: 14px;
}

#contenidos ul {
margin: 0px 0px 0px 30px;
}

#contenidos ul li {
list-style-image:url(/imagenes/lista_llave.gif);
margin-bottom:10px;
}

#contenidos ul li strong {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight: normal;
color:#7C1732;
}



#contenidos_cabecera {
width: 650px;
height:120px;
background: #891836;
position:relative;
margin-bottom:30px;
}

#titulo_contenidos {
position: absolute;
bottom: 0px;
padding:0 0 15px 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #F2D888;
font-size: 24px;
font-style:italic;
font-weight:normal;
margin:0px;
width:260px;
}

#subtitulo {
padding:20px 0 15px 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #B40924;
font-size: 20px;
font-style:italic;
font-weight:normal;
margin:0px;
}

#contenidos p{
margin: 0px 45px 20px 60px;
}

#contenidos h3 {
padding:0px 0px 15px 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #B40924;
font-size: 20px;
font-style:italic;
font-weight:normal;
margin:0px;
}

 /************/
/* TALLERES */


.taller {
width: 300px;
margin: 12px;
text-align:left;
float:left;
}

.taller_foto {
border: 4px solid #EFD1D9;
}

.taller_texto {
width: 300px;
height:44px;
text-align:center;
padding-top: 4px;
}

.taller:hover .taller_foto {
border: 4px solid #FFE88D;
}

.taller:hover taller_texto {
background: url(/imagenes/fondo_talleres_texto.jpg) top center repeat-x;
}

a.taller_tit {
font-family:Georgia, "Times New Roman", Times, serif;
color: #BC0925;
font-size: 18px;
font-style:italic;
text-decoration:none;
}

a.taller_tit:hover {
color:#E04B84;
text-decoration:underline;
}


 /*************/
/* PRODUCTOS */

.producto {
margin: 13px;
text-align:left;
float:left;
height:203px;
}

.producto_foto {
border: 5px solid #EFD1D9;
}

.producto_texto {
width: 190px;
text-align:center;
padding-top: 4px;
}

.producto:hover .producto_foto {
border: 5px solid #FFE88D;
}


a.producto_tit {
font-family:Georgia, "Times New Roman", Times, serif;
color: #BC0925;
font-size: 20px;
font-style:italic;
text-decoration:none;
}

a.producto_tit:hover {
color:#E04B84;
text-decoration:underline;
}


 /************/
/* PRODUCTO */

#titulo_producto{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#B40924;
padding:5px 10px;
text-align:left;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background:#FEEFAF;
font-weight:normal;
font-style:italic;
}

#mostrar_producto {
margin:0 0px 20px 10px;
}

#foto_producto {
width:290px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990033;
float:left;
position:relative;
}

#fotos_productos {
width: 350px;
float:left;
position:relative;
}

.foto_peq {
width:94px;
margin-left:8px;
margin-bottom:8px;
float:left;
position:relative;
border:#FFFFFF 4px solid;
}

.foto_peq:hover {
width:94px;
margin-left:8px;
margin-bottom:8px;
float:left;
position:relative;
border:#E24169 4px solid;
}

.foto_peq img {
border:none;
}


 /*************/
/* CONTACTAR */

.input_descripcion{
color:#B40924;
font-weight:bold;
}

.input_contactar {
background-color:#FFFEF0;
border:2px solid #E5A2B4;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
padding:3px;
}

 /*******/
/* PIE */

#pie_fondo {
background: #B74050 url(/imagenes/fondo_pie.jpg) top center repeat-x;
padding: 90px 0 0px 0;
}

#pie {
margin: 0 auto;
width: 930px;
height:140px;
background: #B74050;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
}

#pie_contenido {
list-style:none;
margin:0;
padding:0;
}

#pie_izq {
background:url("/imagenes/pie_el_zaguan.gif") no-repeat scroll left top transparent;
float:left;
width:173px;
height:75px;
margin-left:37px;
padding-left:82px;
padding-top:30px;
text-align:left;
}

#pie_centro {
float:left;
width: 420px;
height:105px;
text-align:left;
padding:0px 15px;
text-align:center;
}

a.email{
color:#FEEFAF;
}

a.email:hover{
color:#FDC70B;
}

#pie_dcha {
float:left;
width: 180px;
height:105px;
text-align:left;
}