/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
  font-family: "Trebuchet MS";
  color: #000000;
  line-height: 1.166;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  background-color: #F0F0F0;
}


.cabezote{
  text-align: left;
  vertical-align: top;
  background-repeat: repeat;
}

.tabla_contenedora {
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
  text-align: left;
  vertical-align: top;
}

.fechayhora {
  font-size: 9px;
  text-align: right;
  vertical-align: top;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 4px;
}
/********************LINKS DE LA PAGINA***************************/

.titulos2 {
  font-size: 25px;
  color: #FFFFFF;
  text-align: left;
  text-transform: none;
  vertical-align: top;
  font-weight: bold;
  padding-left: 10px;
  background-color: #0084CF;
}

.subtitulos {
  font-size: 24px;
  font-weight: bold;

  color: #999999;
  padding: 8px;
}
.nombreproducto {
  font-size: 10px;
  text-align: center;
  vertical-align: top;
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}



.nombreImagen {
  font-size:9px;
}



.linkgeneral {
  font-weight: normal;
  color: #666666;
  text-transform: none;
  text-decoration: underline;
}

.linkgeneral:hover {
  font-weight: normal;
  color: #AC54AC;
  text-transform: none;
  text-decoration: underline;
}

.linkgeneral1 {
  font-weight: bold;
  color: #AE1F19;

  text-decoration: none;
  font-size: 10px;
}

.linkgeneral1:hover {
  font-weight: bold;
  color: #666666;

  text-decoration: underline;
  font-size: 10px;
}











.linkdestacados {
  font-weight: bold;
  color: #000000;

  text-decoration: none;
}

.linkdestacados:hover {
  font-weight: bold;
  color: #AC54AC;

  text-decoration: none;
}

.linkmenuppal {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;

  font-size: 10px;
}

.linkmenuppal:hover {
  font-weight: bold;
  text-decoration: none;
  color: #000000;

  font-size: 10px;
}

.linkmenuppal:active {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;

  font-size: 10px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/



/*************BANNERS*****************************/

.Banner_ppal{
  text-align: left;
  vertical-align: top;
}

.bannerppal_al_lado {
  text-align: left;
  vertical-align: top;
  width: 38%;
  background-color: #434343;
  padding: 8px;
}


/*************BARRAS*****************************/

.barraizquierda_home {
  width: 20%;
  margin: 0px;
  border-right: 1px solid #666666;
  overflow: auto;
  text-align: left;
  vertical-align: top;
  background-image: url(../img/fondo_barra_izq.jpg);
}
.barraderecha_home {

  width: 21%;
  border-left: 1px solid #999999;
  padding: 0px 8px 8px 0px;
  text-align: left;
  vertical-align: top;
}
.barracentro_home {

  width: 30%;
  padding: 0px 8px 8px;
  text-align: left;
  vertical-align: top;
}

.creditos{
  text-align: center;
  vertical-align: top;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  padding: 8px;
}

.barraizquierda{
  width: 20%;
  margin: 0px;
  padding: 8px;
  background-color: #E0E0E0;
  border-right: 1px solid #666666;
  overflow: auto;
  background-attachment: fixed;
  background-image: url(../img/sombra_barraizq.jpg);
  background-repeat:   repeat-y;
  background-position: right top;
  text-align: left;
  vertical-align: top;
}

.barraderecha{
  width: 20%;
  border-left: 1px solid #999999;
  background-color: #E0E0E0;
  padding: 8px;
  background-attachment: fixed;
  background-image: url(../img/sombra_barrader.jpg);
  background-repeat:  repeat-y;
  background-position: left top;
  text-align: left;
  vertical-align: top;
}

.barracentro{
  width: 55%;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}




.barramenu {
  height: 52px;
  background: url(../img/barra_menu.jpg) repeat fixed left bottom;
  color: #000000;
  padding-top: 0px;
  padding-right: 10px;
  text-align: right;
  vertical-align: top;
}

/*************CONTENIDOS*****************************/

.contenido {
  text-align: left;
  vertical-align: top;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}



.contenido_indice {
  text-align: left;
  vertical-align: top;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  padding-right: 8px;
}
.contenido_foto {
  text-align: left;
  vertical-align: top;
}

.contenido_creditos {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
}

.contenido_banner {
  text-align: left;
  vertical-align: top;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #FFFFFF;
  padding-right: 8px;
  font-size: 11px;
}

.labels_ampliar {
  text-transform: uppercase;
  color: #000000;
  text-align: left;
  vertical-align: top;
  padding: 2px;
  background-color: #E0E0E0;
}

.labels_ampliar2 {
  text-transform: uppercase;
  color: #000000;
  text-align: left;
  vertical-align: top;
  padding: 2px;
  background-color: #FFFFFF;
}

.contenido_50porciento {
  text-align: left;
  vertical-align: top;
  width: 50%;
  padding: 8px;
}


/*************TITULOS Y SUBTITULOS*****************************/

.titulos {
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  color:#AC54AC;
  padding: 8px;
  font-weight: bold;
}

.subtitulos {
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  color: #AC54AC;
  padding: 8px;
  font-weight: bold;
}

.titulo_barra_centrado {
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  vertical-align: top;
  padding: 2px;
  background-color: #434343;
}
.titulo_barra_izquierdo {
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: left;
  vertical-align: top;
  padding: 2px 2px 2px 8px;
  background-color: #AC54AC;
}

.titulo_barra_centrado_Naranja {
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  vertical-align: top;
  padding: 2px;
  background-color: #FC952C;
  font-size: 13px;
}
.titulo_bienvenido {
  text-transform: uppercase;
  color: #333333;
  text-align: center;
  vertical-align: top;
  padding: 4px;
  font-size: 11px;
  background-image: url(../img/fondo_gris_titulo.jpg);
  background-repeat: repeat;
}

.titulos_banner {
  text-align: left;
  vertical-align: top;
  font-size: 11px;
  color: #E3DBB6;
  padding: 0px 8px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
}

.titulos_con_fondo {
  text-align: left;
  vertical-align: top;
  font-size: 11px;
  color: #FFFFFF;
  padding: 3px 8px 1px;
  font-weight: bold;
  background-image: url(../img/barra_titulox23px.jpg);
  background-repeat: repeat;
  height: 20px;
}


.subtitulo_negrita_izquierda {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 2px 8px;
}
/*************JUSTIFICADOS Y ESPACIOS*****************************/

.justificadoizquierda {
  text-align: left;
  vertical-align: top;
}
.justificadoderecha {
  text-align: right;
  vertical-align: top;
  padding-right: 10px;
}
.justificadocentro {
  text-align: center;
  vertical-align: top;
}

.justificadoderaba {
  text-align: right;
  vertical-align: bottom;
  color: #FFFFFF;
  padding-bottom: 10px;
  padding-right: 10px;
}

.espacio_derabajo {
  text-align: left;
  vertical-align: top;
  margin-right: 2px;
  margin-bottom: 2px;
}




/*************FORMULARIOS*****************************/

.i_text{
  font-size: 11px;
  border: 1px solid #971812;
  width: 140px;
  font-family: "Trebuchet MS";
  padding: 2px;
}

.i_button {
  font-weight: bold;
  font-size: 9px;
  border: 1px solid #C62219;
}
.i_text2 {
  font-size: 11px;
  border: 1px solid #971812;
  width: 210px;
  font-family: "Trebuchet MS";
}


/*************FORMULARIO MENSAJITOS*****************************/

.i_text_men_nom {
  font-size: 11px;
  border: 1px solid #971812;
  width: 110px;
  padding: 2px;
  font-family: "Trebuchet MS";
}
.i_text_men_url {
  font-size: 11px;
  border: 1px solid #971812;
  width: 75px;
  padding: 2px;
  font-family: "Trebuchet MS";
}
.i_text_men_comentario {
  font-size: 11px;
  border: 1px solid #971812;
  width: 156px;
  padding: 2px;
  font-family: "Trebuchet MS";
}
.i_button_mensaje {
  font-weight: bold;
  font-size: 9px;
  border: 1px solid #C62219;
  height: 73px;
}




/*************RAYAS SEPARADORAS*****************************/


.raya_blanca {
  background-image: url(../img/ralla_blanca.jpg);
  background-repeat: repeat;
}


.raya_roja {

  background-image: url(../img/raya_roja.jpg);
  background-repeat: repeat;
}

/*************FOTOS - ESPACIOS Y BORDES*****************************/

.fotoindice {
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #666666;
}

.borde_para_foto {
  border: 4px solid #707070;
}
.barraunica {
  width: 80%;
  border-left: 1px solid #999999;
  text-align: left;
  vertical-align: top;
  padding-left: 8px;
}


/*************SOMBRAS PARA FOTO*****************************/

.dropshadow2{
  float:left;
  clear:left;
  background: url(../img/shadow.gif) no-repeat right bottom;
}
.innerbox{
  position:relative;
  bottom:4px;
  right: 4px;
  border: 1px solid #999999;
  padding: 4px;
}



.sombra_abajo {
  background-image: url(../img/sombra_abajo.jpg);
  background-repeat:  repeat;
  background-position: right top;
  text-align: left;
  vertical-align: top;
  height: 15px;
}

.sombra_esquina_der {
  background-position: right top;
  text-align: left;
  vertical-align: top;
  height: 12px;
  width: 15px;
}

.sombra_der {
  background-image: url(../img/sombra_der.jpg);
  background-repeat:  repeat;
  background-position: right top;
  width: 12px;
  text-align: left;
  vertical-align: top;
}
.contenido_botones_menu {

  text-align: right;
  vertical-align: top;
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  padding-right: 35px;
}

.contenido_botones_bineta {
  text-align: left;
  vertical-align: top;
  padding-left: 35px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  padding-right: 5px;
}
.contenido_65porciento {

  text-align: left;
  vertical-align: top;
  width: 65%;
  padding: 8px;
}
.contenido_35porciento {

  text-align: left;
  vertical-align: top;
  width: 35%;
  padding: 8px;
}
.ampliar_conlinea {
  text-align: right;
  vertical-align: top;
  padding-right: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #999999;
  padding-top: 5px;
}
.foto_ampliar {
  padding: 4px 5px 4px 4px;
  border: 1px solid #666666;
  margin-right: 10px;
  margin-bottom: 5px;
}


.vformCalidadInput {
  border:1px solid black;
  width:180px;
}

.vformCalidadEtiquetas {
  color:white;
  font-size:9px;
}


.vformCalidadTitulo {
  font-size:14;
  color:white;
  font-weight:bold;
}